set environment variables in next.js

Question

I am trying to set the ENV in Next.js

next.config.js

const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
const withSass = require('@zeit/next-sass');
module.exports = withSass({
  target: 'serverless',
  env: {
    DEPLOY_STAGE: stage, // How can I set this dynamically when I deploy it at cli
  },
  webpack: (config, options) => {
    if (config.resolve.plugins) {
      config.resolve.plugins.push(new TsconfigPathsPlugin());
    } else {
      config.resolve.plugins = [new TsconfigPathsPlugin()];
    }

    return config;
  }
});

Now I am deploying my project with this cmd

sls deploy --stage dev | sls deploy --stage prod

How can I set the DEPLOY_STAGE dynamically?

Paul van Dyk · Accepted Answer · 2020-03-25 14:18:08Z

1

You could also prefix your commands, eg;

STAGE="dev" sls deploy

const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
const withSass = require('@zeit/next-sass');
module.exports = withSass({
  target: 'serverless',
  env: {
    DEPLOY_STAGE: process.env.STAGE
  },
  webpack: (config, options) => {
    if (config.resolve.plugins) {
      config.resolve.plugins.push(new TsconfigPathsPlugin());
    } else {
      config.resolve.plugins = [new TsconfigPathsPlugin()];
    }

    return config;
  }
});

answered Mar 25, 2020 at 14:18

Paul van Dyk

1,03611 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

iamhuynq · Accepted Answer · 2020-03-25 03:32:49Z

0

try this

env: {
    DEPLOY_STAGE: process.env.NODE_ENV,
},

answered Mar 25, 2020 at 3:32

iamhuynq

5,5572 gold badges17 silver badges41 bronze badges

1 Comment

kyun Over a year ago

Thank you for your comment, but it doesn't work as much as I expected. All deployed Next.js projects have NODE_ENV that is production.

Collectives™ on Stack Overflow

set environment variables in next.js

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related