Server Side environment variables not working

[timsawtellgo1]

When following the instructions in the example app's README.md, the server side environment variables are undefined.

cd examples/with-app-router
yarn build
NEXT_PUBLIC_FOO=foo-value BAR=bar-value yarn start

and visiting http://localhost:3000/server-side I see

however visiting http://localhost:3000/client-side I see

I tried a few things, and the only way I could get the server side version to work was to set NODE_ENV=development when using yarn start.

after running NEXT_PUBLIC_FOO=foo-value BAR=bar-value NODE_ENV=development yarn start I see

This is not going to work in production because we need our NextJS app to run in production mode. It seems like the only way this library works as stated (identical server + client side environment variables) is if we run the app in development mode. Am I missing something?

Thanks heaps for this library by the way, gobsmacked when I learned of NextJS's approach to environment variables and this seems like a great way to solve it - I'm just unable to get server side env variables working in production mode though.

[loba-b]

Unfortunately, I have the same findings

[expatfile-bot]

🎉 This issue has been resolved in version 1.7.0-alpha.1 🎉

The release is available on:

• npm package (@alpha dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[HofmannZ]

@timsawtellgo1 - Thanks for reporting this. We're currently working on a production-ready solution for using the app dir. The problem with the current example is that server components are statically generated by default at build time. To ensure the env vars are loaded, the server component needs to be forced to be dynamic.

I've updated the example. Can you give it a spin? :)

Additionally, I've added an issue for tracing the overall app router support. See: #69

[expatfile-bot]

🎉 This issue has been resolved in version 1.7.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[HofmannZ]

Hi 👋

(It's been a while, I know)

We've completely revamped our solution to support Server Components and the App Router. 🙌

Please check the development branch for docs and examples.

We've also published a version 2.0.0-alpha.1 on NPM. 🚀

[expatfile-bot]

🎉 This issue has been resolved in version 1.7.0 🎉

The release is available on:

• npm package (@release-1.x dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[expatfile-bot]

🎉 This issue has been resolved in version 1.7.0 🎉

The release is available on:

• npm package (@release-1.x.x dist-tag)
• GitHub release

Your semantic-release bot 📦🚀