---
title: Adding a response header
description: Learn how to add a response header in your Middleware.
url: /kb/guide/add-response-header
canonical_url: "https://vercel.com/kb/guide/add-response-header"
last_updated: 2025-11-21
authors: DX Team
related:
  - /docs/routing-middleware
  - /docs/routing-middleware/api
install_vercel_plugin: npx plugins add vercel/vercel-plugin
---

The following example shows how to add a response header in your 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.

`import { NextResponse } from 'next/server'; export default 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; }`

`import { NextResponse } from 'next/server'; export default 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; }`

`import { NextResponse } from 'next/server'; export default 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; }`

`import { NextResponse } from 'next/server'; export default 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; }`

`import { next } from '@vercel/functions'; export default function middleware() { // Store the response so we can modify its headers const response = next(); // Set custom header response.headers.set('x-modified-edge', 'true'); // Return response return response; }`

`import { next } from '@vercel/functions'; export default function middleware() { // Store the response so we can modify its headers const response = next(); // Set custom header response.headers.set('x-modified-edge', 'true'); // Return response return response; }`

## More resources

- [Middleware](/docs/routing-middleware)
  
- [Middleware API](/docs/routing-middleware/api)
  
- [NextResponse API](https://nextjs.org/docs/app/api-reference/functions/next-response)