Next.jsで.envから定数を読めないときに確認するポイント
Next.jsで.envに定義した定数をクライアントサイドのコードで参照する場合は、NEXT_PUBLIC_ というプレフィックスを付ける必要があります。
NEXT_PUBLIC_HOGE=HOGE
またもう一つの落とし穴として、npm run dev などで動的にビルドを行っている場合は、一度停止して、再度 npm run dev を実行すると反映されます。
Webエンジニアの記録
Next.jsで.envに定義した定数をクライアントサイドのコードで参照する場合は、NEXT_PUBLIC_ というプレフィックスを付ける必要があります。
NEXT_PUBLIC_HOGE=HOGE
またもう一つの落とし穴として、npm run dev などで動的にビルドを行っている場合は、一度停止して、再度 npm run dev を実行すると反映されます。
最近のコメント