← Back to Recipes

Adding a response header

Learn how to add a response header in your Edge Middleware.
Table of Contents
Next.js (/app)

The following example shows how to add a response header in your Edge Middleware.

Your middleware file should be placed at the root of your project. If you are using the src directory, the file should be placed in the src directory.

Next.js (/app)
Next.js (/pages)
Other frameworks
middleware.ts
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;
}

Related

Edge Middleware

Learn about Vercel's Edge Middleware.

Edge Middleware API

Learn about the Edge Middleware API.

NextResponse

Learn about the NextResponse API.

Last updated on May 7, 2024