javascript / intermediate
Snippet
Routenschutz mit Middleware
Next.js Middleware wird vor jeder Anfrage ausgeführt. Sie ist der ideale Ort, um Authentifizierungsprüfungen global zu implementieren und sicherzustellen, dass geschützte Seiten von nicht authentifizierten Benutzern nie erreicht werden.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
import { NextResponse } from 'next/server';export function middleware(request) {const token = request.cookies.get('auth-token');const { pathname } = request.nextUrl;if (!token && pathname.startsWith('/dashboard')) {return NextResponse.redirect(new URL('/login', request.url));}}
nextjs
Erklärung
1
request.cookies.get('auth-token')
Prüft, ob ein Authentifizierungs-Cookie vorhanden ist.
2
pathname.startsWith('/dashboard')
Identifiziert, ob der Benutzer versucht, auf eine geschützte Route zuzugreifen.
3
NextResponse.redirect(...)
Leitet den Benutzer zum Login zurück, wenn die Prüfung fehlschlägt.