title: .env.local file in Next.js not setting up properly
body: <p>when I create a <strong>.env.local</strong> file in my project root, it's not setting up properly.</p>
  <p><a href="https://i.stack.imgur.com/jp06U.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jp06U.png" alt="enter image description here" /></a></p>
  <p>in the file, I have my API key like so</p>
  <pre><code>API_KEY=SOME_API_KEY
  </code></pre>
  <p>Then when i try to access it in <strong>getServerSideProps</strong> with <strong>process.env.API_KEY</strong>, it doesn't work. When I <strong>console.log(process.env.API_KEY)</strong> i get <strong>undefiend</strong>. Which I assume is because the file isn't set up properly?</p>
  <p>I even tried installing <strong>dotenv</strong> but I know you don't need that with Next.js.</p>
  <p><strong>next config file</strong></p>
  <pre><code>module.exports = {
    reactStrictMode: true,
  }
  
  </code></pre>