「【Next.js】ブラウザ側で環境変数が参照できない場合の対処法 - echo("備忘録");」

本題(今回は前置きは省略) Next.jsで環境変数(.env.*ファイルやコンテナに設定した)をブラウザ側(クライアント側、端的にいえばReactソース上)で参照しようとしても、値が参照できない TL;DR 環境変数名のプレフィックスに「NEXT_PUBLIC_」をつける getStaticPropsやgetServerSideProps関数などから環境変数をpropsなどで渡す 内容 Next.jsで、環境変数をブラウザ側(≒クライアント側)で利用しようと思っても、そのままでは利用できません。 例えば下記ソースをブラウザで表示しても、process.env.TEST_ENV_VALUEの部…

makky12.hatenablog.com

Webページ

コンテンツ文字数：0 文字

見出し数（H2/H3タグ）：0 個

閲覧数：105 件

2022-06-14 14:08:45

オリジナルページを開く

B!