Middlewares

How the middlewares works

Usage

Use middlewares function in middleware.ts

The middlewares function is used in the middleware.ts file to combine your different middlewares.

// In middleware.ts
import { middlewares } from 'next-mw';
 
export const middleware = middlewares(middleware1, middleware2, ...);

Make your own middleware

Create a middleware file in the middlewares folder. For example:

// middlewares/redirect.ts
export function middleware(request: NextRequest) {
  return NextResponse.redirect(new URL('/home', request.url))
}

TypeScript

middlewares

middlewares(...modules: MiddlewareModule[]): NextMiddleware;

Types

MiddlewareModule

type MiddlewareModule = {
  middleware: NextMiddleware;
  config?: Config;
};

NextMiddleware

export type NextMiddleware = (
  req: NextRequest,
  ev: NextFetchEvent,
) => NextMiddlewareResult | Promise<NextMiddlewareResult>;

Config

See config.

Previous

Quick Start

Next

Config

On this page