title: Vercel next.js environment variable not working
body: <p>I'm using google maps in a Next.js project and everything's working locally. The google maps secret key is being stored in next.config.js which I access in the code through process.env.NEXT_PUBLIC_GOOGLEMAPS</p>
  <p>When I deployed the project to Vercel, I didn't include next.js.config for security reasons. So I added the key under Settings -&gt; Environment Variables
  <a href="https://i.stack.imgur.com/qJtK3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/qJtK3.png" alt="enter image description here" /></a></p>
  <p>However, the environment variable is not working in production. When I console log process.env.NEXT_PUBLIC_GOOGLEMAPS, I get undefined</p>
  <p>What could be causing this issue and how can I fix it? Thanks</p>