Learn to add response headers at the edge.
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).
Learn to add response headers at the edge.
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).