Nuxt js env variables

[lyesui]

I am trying to deploy to Netlify through github my static generated app made with Nuxt JS, and the issue I am having is with the API_KEY variable inside my .env file, even though I added them to the environement variables available on my Netlify Project Settings, I am still getting a 404 error and undefined api key on my app console log.

[fool]

Hiya @lyesui and welcome to our community! Indeed, .env does not magically work here. Please check out this article on correct environment variable usage at Netlify:

[Support Guide] Using environment variables on Netlify correctly

Last reviewed: August 2023 The preferred way to use environment variables in Netlify is to set them in our environment - be that in the Environment Variables settings UI (on the site’s “Build & Deploy settings” page), or via netlify.toml. You’ll want to choose the right pattern to meet your needs. Setting variables in our UI may be considered a bit more secure, since only people with access to the Netlify admin UI for your site can see them, rather than “anyone who can clone your repo!”. Thes…