This example shows how to use headers in Next.js to add custom HTTP headers into your Next.js app.

The index page (pages/index.js) has a list of links to pages with custom headers set up in next.config.js. Run or deploy the app to see how it works!

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 headers headers-app

yarn create next-app --example headers headers-app

pnpm create next-app --example headers headers-app

Deploy it to the cloud with Vercel (Documentation).