Blog>
Snippets

Injecting Environment Variables with next.config.js

Provide an example of configuring next.config.js to expose environment variables to the browser.
module.exports = {
  env: {
    API_KEY: process.env.API_KEY, // Expose API_KEY to the browser
    ANOTHER_VARIABLE: process.env.ANOTHER_VARIABLE, // Expose ANOTHER_VARIABLE to the browser
  }
};
This next.config.js configuration exposes the environment variables 'API_KEY' and 'ANOTHER_VARIABLE' to the browser by specifying them under the 'env' key.