株式会社オブライト
Web Frontend2026-05-17

Middleware(ミドルウェア)

別名: Middleware / ミドルウェア / Next.js Middleware

HTTP リクエストとレスポンスの間に挟まる処理層。Next.js では `middleware.ts`(v15 以前)または `proxy.ts`(v16 以降)にルーティング制御・認証チェック・ジオリダイレクトなどを実装し、Edge Runtime で実行される。


概要

Next.js の Middleware はリクエストが実際のルートハンドラに到達する前に実行されます。認証トークンの検証・多言語リダイレクト・A/B テスト・レートリミットなどに利用されます。Next.js 16 では `middleware.ts` が非推奨となり `proxy.ts` へのリネームが必要です。

matcher 設定

`matcher` 設定で Middleware を実行するパスを絞ることでパフォーマンスを最適化できます。推奨パターンは `/((?!api|trpc|_next|_vercel|.*\\..*).*)` です。Vercel + Next.js 16 完全ガイド に詳細があります。

関連コラム

関連用語

お気軽にご相談ください

お問い合わせ