Nuxt 3 - environment variables

[@cdruc]

How many different environments do you usually have?

[@Samuel.Mwangi]

We have production, staging, sandbox, ci and local.

[@germanastakhoff3470]

I've seen a lot of tutorials, but I liked yours the most. For the complete this course (Laravel breeze + Nuxt 3), it remains to make the functions:
Email Verification,
Resetting Passwords,
Two-factor verification
Validation errors handling on Nuxt side

[@ozzyfromspace]

best explanation of the topic I've come across! and fun fact, the config is typesafe by default... I love Nuxt! 🎉
one important clarification:
if you dumped your config (or just payment api key) into the vue template (which is server rendered!), the paymentApiKey would actually get sent to the frontend. The hydration step would fail ofc, so nuxt would quickly overwrite the value quickly, but it would still be there in the network tab until the user refreshed their page.
for the curious, that is why the UI "glitches" around 7:35, and if you pause the video just right, you can actually see the paymentApiKey in the browser -- he would have gotten warnings about this in the console.
all this to say, definitely don't use your API keys for anything that directly interacts with the frontend
_____
Again, awesome video! 🏆

[@m.lukyanovich]

Your speech is simply perfect. I can't stop listening

[@jc0164]

superbe !! Magnifique, Excellent, etc Merci

[@ojvribeiro]

Thank you very much. Excellent video.

[@agitszakkya2458]

thanks for the explanations

[@Lz-bg6id]

Ты ж мое солнышко thxxxxx so much

[@johnpaularcenal6516]

Big help. Thanks!