在 Next.js 中，有没有办法将 .env 文件的位置更改为应用程序文件夹之外的位置？

Question

I'm making a project that contains a Next.js app and my.env file is located in the project's root.

How do I make Next.js look for the.env file anywhere except the app's root folder?

I already tried using the dotenv package, but unfortunately, that doesn't work.

Answer 1

In your next.config.js file configure the dotenv package as this.

const path = require('path');
const dotenv = require('dotenv');

dotenv.config({ path: path.join(__dirname, '/path/to/.env') });

Answer 2

To change the location of the.env file, install the 'dotenv' package and add it to your next.config.js file:

dotenv.config({path: '../.env'})

(In my case the path is ../.env to go one folder up)

To be able to access the environment variables on the client side declare them in the next.config.js file like that:

const nextConfig = {
  ...

  //to be able to use the environment variables on the client side
  //==============================================================
  env: {
    EXMAPLE_ENVIRONMENT_VARIABLE: process.env.EXMAPLE_ENVIRONMENT_VARIABLE,
  },

  ...
}

module.exports = nextConfig;