Next JS Сборщик ПК

Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Войти Создать аккаунт — бесплатно

Закончили урок?

Войдите, чтобы отмечать прогресс

Войти

Урок

Next JS Сборщик ПК — УрокЗащита приватных страниц — Next JS Сборщик ПК | Max Roslow | Space of React

Middleware в Next.js 16 (proxy.ts)

В Next.js 16 middleware переименован в proxy.ts :

proxy.ts


import { NextResponse } from "next/server"
import { NextRequest } from "next/server"

const PUBLIC_PATHS = new Set(["/", "/login", "/signup"])

function isPublicPath(pathname: string) {
    if (PUBLIC_PATHS.has(pathname)) return true

    if(pathname.startsWith('/api/')) return true

    return false
}

export function proxy(request: NextRequest) {
    const { pathname } = request.nextUrl;

    if (isPublicPath(pathname)) {
        return NextResponse.next()
    }

    const sessionCookie = 
        request.cookies.get('authjs.session-token') ??
        request.cookies.get('__Secure-authjs.session-token')

    if(!sessionCookie?.value) {
        return NextResponse.redirect(new URL("/login", request.url))
    }

    return NextResponse.next()
}

export const config = {
  matcher: [
    // Exclude API routes, static files, image optimizations, and .png files
    '/((?!api|_next/static|_next/image|.*\\.png$).*)',
  ],
}