Next.jsで.envから定数を読めないときに確認するポイント

2022年11月4日

Next.jsで.envに定義した定数をクライアントサイドのコードで参照する場合は、NEXT_PUBLIC_ というプレフィックスを付ける必要があります。

NEXT_PUBLIC_HOGE=HOGE

またもう一つの落とし穴として、npm run dev などで動的にビルドを行っている場合は、一度停止して、再度 npm run dev を実行すると反映されます。