Environment Variables Example (19)

Publish Date:

Vivek Agarwal

This example shows how to use environment variables in Next.js.

The index page (pages/index.js) will show you how to access environment variables in the server, and how to expose environment variables to the browser.

Preview

Preview the example live on StackBlitz:

Open in StackBlitz

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example environment-variables environment-variables-app
# or
yarn create next-app --example environment-variables environment-variables-app

Deploy it to the cloud with Vercel (Documentation).