Below is the code from middleware.ts showing how to add response headers at the edge:
import { NextResponse } from 'next/server' export function middleware() { // Store the response so we can modify its headers const response = NextResponse.next() // Set custom header response.headers.set('x-modified-edge', 'true') // Return response return response }
https://edge-functions-add-header.vercel.app
You can choose from one of the following two methods to use this repository:
Deploy the example using Vercel:
Execute create-next-app
with pnpm to bootstrap the example:
pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/add-header add-header
Next, run Next.js in development mode:
pnpm dev
Deploy it to the cloud with Vercel (Documentation).
Below is the code from middleware.ts showing how to add response headers at the edge:
import { NextResponse } from 'next/server' export function middleware() { // Store the response so we can modify its headers const response = NextResponse.next() // Set custom header response.headers.set('x-modified-edge', 'true') // Return response return response }
https://edge-functions-add-header.vercel.app
You can choose from one of the following two methods to use this repository:
Deploy the example using Vercel:
Execute create-next-app
with pnpm to bootstrap the example:
pnpm create next-app --example https://github.com/vercel/examples/tree/main/edge-middleware/add-header add-header
Next, run Next.js in development mode:
pnpm dev
Deploy it to the cloud with Vercel (Documentation).