Hello friends, today I was trying to use environment variables inside a Next.js project, and it is really easy to work with.
First of all, you don...
For further actions, you may consider blocking this person and/or reporting abuse
Such is so simple!!! Love it !!
I have a question. Is the key "process.env.API_KEY" accessible to Client (user) ?
If not, how does nextJS allows the code on client-side to insert this value in fetch requests made from client side?
The documentation states "In order to keep server-only secrets safe, Next.js replaces process.env.* with the correct values at build time".
In context of security, I am trying to understand how does NextJS make it work
nextjs.org/docs/basic-features/env...
Not sure whether you found the answer to your question yet, but in any case, for the client side you would need to add a "NEXT_PUBLIC_" prefix to the variable. So for "API_KEY", you'd have to change it to NEXT_PUBLIC_API_KEY in the .env file, which also means it would be process.env.NEXT_PUBLIC_API_KEY when used. More on this here: nextjs.org/docs/basic-features/env...
This solved my problem. Thanks Elaine
Good to hear!
Short and simple thanks for sharing.
Thank you @andrewbaisden
Thank you so much.
it has worked for me
Looks so easy! Thanks for writing. 😀
Thanks 🙌🏼
How do I escape a value like Password123$$? it is giving a warning about splitting
When I try to use the process.env.API_KEY in the api folder in Nextjs It doesn't work giving error : 401 message: API key not formatted properly. Can you help how do I resolve it?
Whats the difference with using API_KEY vs NEXT_PUBLIC_API_KEY for variable name?