Next.jsでstagingのenvファイル(.env.staging)を使いたい!

1 min read読了の目安(約500字

About

.env.stagingが読み込まれるようにしたい。

現状

2021-02-12時点では .env .env.development .env.production
の、3ファイルと、.env.*.localが定義できる。

stagingはデフォルトじゃないので .env定義ではなく .env.staging定義したい

Discussion

https://github.com/vercel/next.js/issues/12772

公式はまだ対応する方針ではないようす。

どうするか

env-cmd をinstallして、ファイル指定するのがベターな解決策のよう。

"build:staging": "env-cmd -f .env.staging yarn build && yarn start"

実際、これで.env.staging.env.productionがそれぞれ読み込まれました!

https://stackoverflow.com/questions/59462614/how-to-use-diferent-env-files-with-nextjs