Unable to locate .env variables defined in the server side

[Shadid12]

Unable to access the defined environment variables in the Next.js getServerSideProps() function.

To reproduce:

1. Create some new environment variables by going to Pages > your Pages project > Settings > Environment variables
2. 
3. Add the following code in your index.js file

export const config = {
  runtime: 'experimental-edge',
}


export async function getServerSideProps() {
  const fauna_secret = process.env.FAUNA_SECRET;
  const node_env = process.env.NODE_VERSION;
  const products = await getProducts();
  return {
    props: {
      products,
      fauna_secret,
      node_env
    },
  }
}


export default function Home({ products, fauna_secret, node_env }) {
  console.log(products);
  console.log('===>', fauna_secret); // will be undefined
  console.log('===>', node_env);  // will be undefined
  return (
    <div className={styles.container}>
      <h1>Products</h1>
      ...
      </ul>
    </div>
  )
}

4. Deploy
5. Notice environment variables are going to be undefined

[GregBrimble]

Closed as duplicate of #1