Scripts and Config for Runtime Env #2

telackey · 2023-11-07T04:31:52Z

telackey commented

2023-11-07 04:31:52 +00:00

This uses a combination of scripts, and webpack.DefinePlugin to automatically replace any references to process.env.FOO at runtime.

Normally, these get baked in during the build process, but under this scheme the reference gets replaced with a unique string at build time, and then replaced again with the environment value at runtime.

The runtime script operates on a copy of the code, so that the server can be restarted and the values updated each time.

❯ CERC_WEBAPP_DEBUG=1 yarn start
yarn run v1.22.19
$ yarn load-env && next start .next-r
$ scripts/replace-env.sh .next .next-r
CERC_TEST_WEBAPP_CONFIG1=this string
CERC_TEST_WEBAPP_CONFIG2=this different string
CERC_WEBAPP_DEBUG=1
   ▲ Next.js 14.0.1
   - Local:        http://localhost:3000

 ✓ Ready in 518ms

❯ CERC_WEBAPP_DEBUG=2 yarn start
yarn run v1.22.19
$ yarn load-env && next start .next-r
$ scripts/replace-env.sh .next .next-r
CERC_TEST_WEBAPP_CONFIG1=this string
CERC_TEST_WEBAPP_CONFIG2=this different string
CERC_WEBAPP_DEBUG=2
   ▲ Next.js 14.0.1
   - Local:        http://localhost:3000

 ✓ Ready in 517ms

This uses a combination of scripts, and webpack.DefinePlugin to automatically replace any references to `process.env.FOO` at runtime. Normally, these get baked in during the build process, but under this scheme the reference gets replaced with a unique string at build time, and then replaced again with the environment value at runtime. The runtime script operates on a copy of the code, so that the server can be restarted and the values updated each time. ``` ❯ CERC_WEBAPP_DEBUG=1 yarn start yarn run v1.22.19 $ yarn load-env && next start .next-r $ scripts/replace-env.sh .next .next-r CERC_TEST_WEBAPP_CONFIG1=this string CERC_TEST_WEBAPP_CONFIG2=this different string CERC_WEBAPP_DEBUG=1 ▲ Next.js 14.0.1 - Local: http://localhost:3000 ✓ Ready in 518ms ``` ``` ❯ CERC_WEBAPP_DEBUG=2 yarn start yarn run v1.22.19 $ yarn load-env && next start .next-r $ scripts/replace-env.sh .next .next-r CERC_TEST_WEBAPP_CONFIG1=this string CERC_TEST_WEBAPP_CONFIG2=this different string CERC_WEBAPP_DEBUG=2 ▲ Next.js 14.0.1 - Local: http://localhost:3000 ✓ Ready in 517ms ```

telackey added 3 commits 2023-11-07 04:31:53 +00:00

Allow for runtime env. 0cd9b4280c

; c8942a1d84

Better support for dev e68d207c43

telackey added 1 commit 2023-11-07 04:37:40 +00:00

.gitignore bd4d564a0d

telackey added 1 commit 2023-11-07 04:46:40 +00:00

Don't clobber env fd0b4185dd

telackey requested review from dboreham 2023-11-07 04:47:52 +00:00

telackey added 1 commit 2023-11-07 04:48:59 +00:00

space f56d1c1126

telackey closed this pull request