proxy（旧middleware）

なぜ学ぶか： 「ログインしていない人が/dashboardに来たら/loginに飛ばしたい」— 全ページにifを書くのではなく、入り口で一括処理するのがproxyです。例を見てください。

まずはこの例を見てみましょう

// proxy.ts（プロジェクト直下）— 全リクエストの「関所」export function proxy(request: NextRequest) {  // ログインの証（cookie）が無ければ /login へ転送  const session = request.cookies.get("session");  if (!session) {    return NextResponse.redirect(new URL("/login", request.url));  }  return NextResponse.next(); // 問題なければ通す}
// 関所を置く場所: /dashboard 配下だけに限定export const config = { matcher: ["/dashboard/:path*"] };

ページに届く「前」に実行され、「通す・転送する」を判断する関所です。

コード例

// proxy.ts（プロジェクト直下）— 全リクエストの関所import { NextResponse } from "next/server";import type { NextRequest } from "next/server";
export function proxy(request: NextRequest) {  // ログインの証（cookie）が無ければ /login へ転送  const session = request.cookies.get("session");  if (!session) {    return NextResponse.redirect(new URL("/login", request.url));  }  return NextResponse.next(); // 通す}
// 関所を置く場所: /dashboard 配下だけに限定export const config = { matcher: ["/dashboard/:path*"] };

AIが認証つきアプリを作ると必ず登場します。「全ページに認証チェックを書き散らす」より「関所1つ」の方が漏れがありません。AIが古い名前middleware.tsで生成してきたら、proxy.tsに読み替えましょう。