Environment Variable returning undefined

[amit]

I’m linking to unsplash api in my portfolio theme https://objective-montalcini-4097e2.netlify.app/ and can grab the environment variable for the access key in development without issue. But when deployed, the variable returns undefined even though I declared it in my build settings.

Is this because I’m making the get request at component level. I’m using Gatsby so i’m not sure how I would make the request at app level.

[perry]

hi there, did you see this guide already? Give it a read through, and if you are still having issues, let us know.

[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…