This example shows how to use environment variables in Next.js.
The index page (app/page.tsx) will show you how to access environment variables in the server, and how to expose environment variables to the browser.
Deploy the example using Vercel or preview live with StackBlitz
Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example environment-variables environment-variables-appyarn create next-app --example environment-variables environment-variables-apppnpm create next-app --example environment-variables environment-variables-appDeploy it to the cloud with Vercel (Documentation).