Next.js configuration for dotenv and custom servers.

next.config.js

const webpack = require('webpack');

require('dotenv').config({
  path: process.env.NODE_ENV === 'production' ? '.env.production' : '.env'
});

module.exports = {
  webpack: config => {
    const env = Object.keys(process.env).reduce((acc, curr) => {
      acc[`process.env.${curr}`] = JSON.stringify(process.env[curr]);
      return acc;
    }, {});

    config.plugins.push(new webpack.DefinePlugin(env));

    return config;
  }
};

For some reason that didn't work for me in Next 9

This is how I'm doing it with latest next:

webpack: config => {
  config.plugins.push(
    new webpack.EnvironmentPlugin({ PUBLIC_URL: '/static' })
  );
  return config;
}

what is this for?

When I push this repo to Vercel, I got
Uncaught (in promise) Error: Request failed with status code 405

https://vl-ounge.vercel.app/