I have an an api call in my next.js app In index.js there is a line: const api_key = process.env.API_KEY My build command is “node -p ‘process.env’ && yarn build” I can see the API_KEY in the build logs. But index.js apparently can’t access “process.env.API_KEY”. The app crashes. Please help…

In your netlify UI you’ve entered your API key inside quotes such as “123422” but you don’t need the quotes the UI handles that for you so the API is thinking you’ve entered the wrong API key. Remove the quotes surrounding your API key in the UI and then edit a file add a comment etc to the code an…

In addition to the above, I have checked the newsapi you are calling. You are calling “ https://newsapi.org/v2/top-headlines? ” + “country=in&” + aKey; however, they request that it be: “ https://newsapi.org/v2/top-headlines? ” + “country=in&” + “apiKey=” + aKey; that is probably why your data is u…

Hi @AaronP I have cloned your fork. Made a .env file with my api key. Ran ‘yarn install’ && ‘yarn dev’ It is not working here. I am unable to correctly get the api response. Error: Error serializing .errorCode returned from getServerSideProps in “/”. Coming back to the code, you have suggeste…

Hi Vinod, I would need a link to said Netlify Build logs. My repo builds fine and continues to work with the aKey just being set to the newsapi key they give you. I had not got time to run the code locally, however, it does build for netlify. I will try to give it a quick local review this evening…

I have had authorized you to view the build. Let me restate the problem so as to make sure that we’re on the same page. The app builds just fine. No problems whatsoever. But there is this API call, and Next.js’s build process can’t access the secret API_KEY which is defined in the Netlify UI. If…

Next generates static pages, and the next-on-netlify plugin uses functions. Clone my repo, set the API_KEY in the UI to JUST the api key not “apiKey=xzxzc” as you said before. You cannot console log the environment variable but it is built into the api call so that you will be authorised when it i…

This is the link: Netlify App Start building the best web experiences in record time And the preview: {“errorType”:“Runtime.UnhandledPromiseRejection”,“errorMessage”:“TypeError: Cannot read property ‘map’ of undefined”,“trace”:[“Runtime.UnhandledPromiseRej…

I fixed this in the code I sent. If you change you code to be (data || []) etc. I did also make a pull request with the code at the time.

Change the code to (data || []) ? If there is data, let it be data; otherwise an empty array. How would this solve the problem? This is a NOT a problem with my code. This is a problem on how to correctly use environment variables on Netlify. There is an earlier thread: [image] …

Did you try to clone my repo and set your API_KEY in the ui? I have successfully done what you are trying to achieve. Accessing the Environment variable at BUILD time so that api requests can be successfully made. I understand your issue and am trying to state that I cloned your repo, tested its wo…

I cloned your repo. I made a .env file in the root. I have stated early, I get this error. Error: Error serializing .errorCode returned from getServerSideProps in “/”.

process.env.API_KEY not working on next-on-netlify deployment

Support

vinod-vms November 19, 2020, 3:07am 34

Thank you.

Topic		Replies	Views
Simple HTML/JS project, having difficulty with accessing API key as set on the Netlify UI Support deployment , lambda-functions , netlify-newbie , environment-vars	5	1010	December 20, 2022
API-Key exposed in Netlify even though set up as an environment variable Support environment-vars	8	2127	April 10, 2023
Netlify einvironment variables Support environment-vars	6	962	January 28, 2024
Environment Variables Not Getting Passed to NextJS 12 API Routes Support environment-vars , nextjs	5	3312	February 9, 2022
Next.js private environment variable Support building , deployment , nextjs	3	1695	September 1, 2021

process.env.API_KEY not working on next-on-netlify deployment

Related topics