Next.js API Routes
Route Handlers, GET/POST-Anfragen, Middleware, CORS, Authentifizierung, Fehlerbehandlung
1Was ist ein Route Handler in Next.js 13+ mit dem App Router?
Was ist ein Route Handler in Next.js 13+ mit dem App Router?
Antwort
Ein Route Handler ist eine Serverfunktion in einer route.ts- (oder route.js-) Datei, die das Erstellen benutzerdefinierter API-Endpunkte ermöglicht. Im Gegensatz zu API Routes des Pages Routers (pages/api-Ordner) befinden sich Route Handlers im app/-Ordner und unterstützen Web Standard Request/Response. Sie verarbeiten HTTP-Anfragen (GET, POST, PUT, DELETE usw.) auf der Serverseite.
2Wie erstellt man einen Route Handler zur Verarbeitung einer GET-Anfrage?
Wie erstellt man einen Route Handler zur Verarbeitung einer GET-Anfrage?
Antwort
Um eine GET-Anfrage zu verarbeiten, exportieren Sie eine async-Funktion namens GET in einer route.ts-Datei. Diese Funktion empfängt ein Request-Objekt und gibt eine Response mit NextResponse.json() zurück. Next.js ordnet die exportierte GET-Funktion automatisch den HTTP-GET-Anfragen auf dieser Route zu. Andere HTTP-Methoden (POST, PUT, DELETE, PATCH) folgen demselben Muster mit ihren jeweiligen Namen.
3Was ist der Unterschied zwischen NextResponse und der Standard-Response?
Was ist der Unterschied zwischen NextResponse und der Standard-Response?
Antwort
NextResponse erweitert die Standard-Web-Response-Klasse um Next.js-spezifische Funktionen. Es bietet praktische Methoden wie NextResponse.json() für automatische Serialisierung, NextResponse.redirect() für Weiterleitungen und vereinfacht die Manipulation von Cookies und Headers. Obwohl die Standard-Response funktioniert, wird NextResponse empfohlen, da es den Code vereinfacht und eine bessere Integration mit dem Next.js-Ökosystem bietet.
Wie ruft man Suchparameter (Query-Parameter) in einem Route Handler ab?
Wie verarbeitet man eine POST-Anfrage und ruft den JSON-Body ab?
+17 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 Metadata & SEO
Next.js Middleware & Auth
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