With universal configuration
How to use
npx create-next-app --example with-universal-configuration with-universal-configuration-app # or yarn create next-app --example with-universal-configuration with-universal-configuration-app
Download the example or clone the repo:
curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-universal-configuration cd with-universal-configuration
Install it and run:
npm install npm run dev # or yarn yarn dev
The idea behind the example
This example show how to set custom environment variables for your application based on NODE_ENV using transform-define.
- Because a babel plugin is used the output is cached in
babel-loader. When modifying the configuration you will have to manually clear this cache to make changes visible. Alternately, you may skip caching for
babel-loaderas shown here.
- This example sets the environment configuration at build time, meaning the same build might not be used in e.g. both staging and production. For a solution which sets the environment at runtime, see here.