Headers Example (18)

Publish Date:

Nate King

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!

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 headers headers-app
# or
yarn create next-app --example headers headers-app

Deploy it to the cloud with Vercel (Documentation).