How to Use Env Variables Client-Side in NextJS (NEXT_PUBLIC)

How to make environment variables public to use them client-side in NextJS.

📣 Follow Coding in Flow on social media:

[shajmanfaiz]

This is what i have been looking for many days. Thanks bro

[SahilAnsari-finance]

Thank you bro, for the last 3 hours I have been trying to solve this. ❤

[caiogabriel]

thanks a lot bro. God bless u. Take a hi from Brazil

[iancikal]

thanks florian,
okay, i'll fixed this "no comment" into "has comment" 😊

[guru-xfxv]

working in local, but not after build and deploy. how to fix it?

[wesleyyandotantra]

how do we access env variables from serviceWorker (public folder)?

[bnyman]

can i use it to hide my apikey of an api call?

[levato]

but I don't get it? yes u can use it client with NEXT_PUBLIC but you should't beacause of leak? how do I do it on Clieant side securly?

[PostMeridianLyf]

I wonder if I can init firebase on a nodejs app using gSSP function.

[nickbubuioc]

thanks, just lost 2 hours trying yo understand why my variables were undefined on the client components...