Next.js– category –
-
【Next.js】.env が読み込まれない (undefinedになる)
やりたいこと ReactをNext.jsにリファクタリングしている途中に下記のようなエラーに遭遇した。 fetch先のURLを.envで指定しているのに、undefinedになっている。ので、fetch先にPOSTできない。 コード: const handleScan = async (code) => { setShow... -
【Next.js】【React】起動時にuseEffectが2回実行されてしまう。
やりたいこと 下記のようにuseEffectを使うと、npm run devを実施した1回目のみ表示されるはずだが、2回実行されてしまう。 useEffect(() => { console.log("Hello,world"); }, []); 分かったこと StrictMode 詳細は割愛するが、StrictModeがデフォル... -
【Next.js】sh: next: command not found というエラーが出る
やりたいこと GitHubからクローン後、npm run devを実施すると上記のエラーが発生します。 これを解決したいです。 やったこと npm install プロジェクトにライブラリやパッケージがないことでエラーが発生しています。そこでpackge.jsonを読んで、それら... -
【Next.js】環境構築
やりたいこと macbook air m1 chipにて、Next.jsの環境構築したい。特筆することはないですが、まとめておきます。 2023/12/31時点 ・macOS 13.4 Ventura ・Next.js 14 やったこと npx create-next-app my-app(プロジェクト名) ①:プロジェクトディレクト... -
【Next.js】リダイレクトでハマったこと
やりたいこと クライアントサイドでリダイレクトを使いたかったがエラーが出たので、その対処をする。 下記のコードを実施すると、エラーが発生。 Error: No router instance found. You should only use "next/router" on the client side of your app. "... -
【Next.js】useRouter と Router の違い
知りたいこと 表題の通り、違いがわからなかったので調べました。 わかったこと 参照リンクを見つけました。ので抜粋してリンク先を見てください(2023/12) >明確な違いは、 useRouter がフックであり、 Router がただのグローバルな変数にすぎないとい...
12