---
url: /plugins/plugin-msw/recipes/register-handlers-with-a-server.md
description: >-
  Emit a handlers.ts collection with @kubb/plugin-msw and drop it into an MSW
  server or worker.
---

# Register handlers with a server

Set [`handlers`](/plugins/plugin-msw/reference/options#handlers) to `true` so the plugin writes a `handlers.ts` file that re-exports every generated handler in operation order.

```typescript [kubb.config.ts]
import { defineConfig } from 'kubb/config'
import { pluginTs } from '@kubb/plugin-ts'
import { pluginMsw } from '@kubb/plugin-msw'

export default defineConfig({
  input: './petStore.yaml',
  output: { path: './src/gen', clean: true },
  plugins: [
    pluginTs(),
    pluginMsw({
      output: { path: 'handlers', mode: 'directory' },
      handlers: true,
    }),
  ],
})
```

Spread the exported `handlers` array into the server you start before your tests run.

```typescript
import { setupServer } from 'msw/node'
import { handlers } from './src/gen/handlers/handlers'

export const server = setupServer(...handlers)
```

## Output example

```typescript [src/gen/handlers/handlers.ts]
import { addPetHandler } from './addPetHandler'
import { deleteOrderHandler } from './deleteOrderHandler'
import { deletePetHandler } from './deletePetHandler'
import { findPetsByStatusHandler } from './findPetsByStatusHandler'
import { getPetByIdHandler } from './getPetByIdHandler'
import { placeOrderHandler } from './placeOrderHandler'
import { updatePetHandler } from './updatePetHandler'

export const handlers = [
  updatePetHandler(),
  addPetHandler(),
  findPetsByStatusHandler(),
  getPetByIdHandler(),
  deletePetHandler(),
  placeOrderHandler(),
  deleteOrderHandler(),
] as const
```

```typescript [usage.ts]
import { setupWorker } from 'msw/browser'
import { handlers } from './src/gen/handlers/handlers'

// Same collection, wired into a browser worker instead of a Node server.
export const worker = setupWorker(...handlers)
```