# useResponseHeader
> Use useResponseHeader to set a server response header.
This composable is available in Nuxt v3.14+.
You can use the built-in [`useResponseHeader`](/docs/4.x/api/composables/use-response-header) composable to set any server response header within your pages, components, and plugins.
```ts
// Set a custom response header
const header = useResponseHeader('X-My-Header')
header.value = 'my-value'
```
## Example
We can use `useResponseHeader` to easily set a response header on a per-page basis.
```vue [app/pages/test.vue]
Test page with custom header
The response from the server for this "/test" page will have a custom "X-My-Header" header.
```
We can use `useResponseHeader` for example in Nuxt [middleware](/docs/4.x/directory-structure/app/middleware) to set a response header for all pages.
```ts [app/middleware/my-header-middleware.ts]
export default defineNuxtRouteMiddleware((to, from) => {
const header = useResponseHeader('X-My-Always-Header')
header.value = `I'm Always here!`
})
```
---
- [Source](https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/composables/ssr.ts)