Next.js– category –

やりたいこと ReactをNext.jsにリファクタリングしている途中に下記のようなエラーに遭遇した。 fetch先のURLを.envで指定しているのに、undefinedになっている。ので、fetch先にPOSTできない。 コード： const handleScan = async (code) => { setShow...

やりたいこと 下記のようにuseEffectを使うと、npm run devを実施した1回目のみ表示されるはずだが、2回実行されてしまう。 useEffect(() => { console.log("Hello,world"); }, []); 分かったこと StrictMode 詳細は割愛するが、StrictModeがデフォル...

やりたいこと GitHubからクローン後、npm run devを実施すると上記のエラーが発生します。 これを解決したいです。 やったこと npm install プロジェクトにライブラリやパッケージがないことでエラーが発生しています。そこでpackge.jsonを読んで、それら...

やりたいこと macbook air m1 chipにて、Next.jsの環境構築したい。特筆することはないですが、まとめておきます。 2023/12/31時点 ・macOS 13.4 Ventura ・Next.js 14 やったこと npx create-next-app my-app(プロジェクト名) ①：プロジェクトディレクト...

やりたいこと クライアントサイドでリダイレクトを使いたかったがエラーが出たので、その対処をする。 下記のコードを実施すると、エラーが発生。 Error: No router instance found. You should only use "next/router" on the client side of your app. "...

知りたいこと 表題の通り、違いがわからなかったので調べました。 わかったこと 参照リンクを見つけました。ので抜粋してリンク先を見てください(2023/12) >明確な違いは、 useRouter がフックであり、 Router がただのグローバルな変数にすぎないとい...