Name		Name	Last commit message	Last commit date
parent directory ..
pages		pages
.env		.env
.env.development		.env.development
.env.local.example		.env.local.example
.env.production		.env.production
.gitignore		.gitignore
environment.d.ts		environment.d.ts
next-env.d.ts		next-env.d.ts
package.json		package.json
readme.md		readme.md
styles.module.css		styles.module.css
tsconfig.json		tsconfig.json

readme.md

Environment Variables Example

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.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

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

npx create-next-app --example environment-variables environment-variables-app

yarn create next-app --example environment-variables environment-variables-app

pnpm create next-app --example environment-variables environment-variables-app

Deploy it to the cloud with Vercel (Documentation).