Next.js Middleware & Auth
Middleware, NextAuth.js, JWT, Sitzungsverwaltung, geschützte Routen, RBAC
1Was ist Middleware in Next.js?
Was ist Middleware in Next.js?
Antwort
Next.js Middleware ist Code, der ausgeführt wird, bevor eine Anfrage verarbeitet wird, und es ermöglicht, die Antwort zu ändern, umzuleiten, Headers hinzuzufügen oder den Zugriff zu blockieren. Sie läuft auf der Edge Runtime für optimale Leistung. Typischerweise wird sie für Authentifizierung, Geolokalisierung oder Logging verwendet.
2Wo platziert man die Middleware-Datei in einem Next.js-Projekt mit App Router?
Wo platziert man die Middleware-Datei in einem Next.js-Projekt mit App Router?
Antwort
Die Datei middleware.ts (oder .js) muss im Projektstamm platziert werden, auf derselben Ebene wie der app-Ordner. Next.js erkennt diese Datei automatisch und führt sie für alle Routen aus. Alternativ kann sie im src-Ordner platziert werden, wenn das Projekt diese Struktur verwendet.
3Wie definiert man die Routen, auf denen die Middleware ausgeführt wird?
Wie definiert man die Routen, auf denen die Middleware ausgeführt wird?
Antwort
Die Verwendung der matcher-Konfiguration in der Middleware ermöglicht die Angabe betroffener Routen über Pfadmuster. Standardmäßig wird die Middleware auf allen Routen außer statischen Dateien ausgeführt. Der Matcher unterstützt Wildcards und Regex für eine präzise Steuerung der Zielrouten.
Was ist der Hauptvorteil der Verwendung von NextAuth.js für die Authentifizierung?
Wie schützt man eine Route mit Next.js-Middleware?
+19 Interview-Fragen
Weitere React / Next.js-Interviewthemen
JavaScript-Grundlagen
React-Grundlagen
React Hooks
Komponentenlebenszyklus
React Router
Zustandsverwaltung mit Context
Formulare & Controlled Components
Datenabruf & API
React Query (TanStack Query)
Styling & CSS-in-JS
Next.js Grundlagen
TypeScript mit React
Next.js Data Fetching
Next.js Server Actions
Routing & Navigation in Next.js
Next.js API Routes
Next.js Metadata & SEO
React Testing
Zustand State Management
React Performance-Optimierung
Error Boundaries & Error Handling
Advanced React Patterns
Erweiterte Next.js-Funktionen
Next.js Deployment & Produktion
Architecture & Design Patterns
React Server Components
Next.js Internationalisierung
React Sicherheit & Best Practices
Meistere React / Next.js für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten