API Routes w Next.js
Route Handlers, żądania GET/POST, middleware, CORS, uwierzytelnianie, obsługa błędów
1Czym jest Route Handler w Next.js 13+ z App Routerem?
Czym jest Route Handler w Next.js 13+ z App Routerem?
Odpowiedź
Route Handler to funkcja serwerowa w pliku route.ts (lub route.js), która umożliwia tworzenie niestandardowych endpointów API. W odróżnieniu od API Routes z Pages Routera (folder pages/api), Route Handlers znajdują się w folderze app/ i obsługują Web Standard Request/Response. Obsługują żądania HTTP (GET, POST, PUT, DELETE itp.) po stronie serwera.
2Jak stworzyć Route Handler do obsługi żądania GET?
Jak stworzyć Route Handler do obsługi żądania GET?
Odpowiedź
Aby obsłużyć żądanie GET, należy wyeksportować funkcję async o nazwie GET w pliku route.ts. Ta funkcja otrzymuje obiekt Request i zwraca Response za pomocą NextResponse.json(). Next.js automatycznie mapuje wyeksportowaną funkcję GET na żądania HTTP GET na tej trasie. Inne metody HTTP (POST, PUT, DELETE, PATCH) stosują ten sam wzorzec ze swoimi odpowiednimi nazwami.
3Jaka jest różnica między NextResponse a standardowym Response?
Jaka jest różnica między NextResponse a standardowym Response?
Odpowiedź
NextResponse rozszerza standardową klasę Web Response o funkcje specyficzne dla Next.js. Oferuje wygodne metody, takie jak NextResponse.json() do automatycznej serializacji, NextResponse.redirect() do przekierowań, oraz ułatwia manipulację cookies i nagłówkami. Chociaż standardowy Response działa, NextResponse jest zalecany, ponieważ upraszcza kod i oferuje lepszą integrację z ekosystemem Next.js.
Jak pobrać parametry wyszukiwania (query params) w Route Handlerze?
Jak obsłużyć żądanie POST i pobrać body JSON?
+17 pytań z rozmów
Inne tematy rekrutacyjne React / Next.js
Podstawy JavaScript
Podstawy React
React Hooks
Cykl życia komponentu
React Router
Zarządzanie stanem z Context
Formularze i Controlled Components
Pobieranie danych i API
React Query (TanStack Query)
Styling & CSS-in-JS
Podstawy Next.js
TypeScript z React
Pobieranie danych w Next.js
Server Actions w Next.js
Routing i Nawigacja w Next.js
Metadata & SEO w Next.js
Middleware i Auth w Next.js
Testowanie React
Zustand State Management
Optymalizacja wydajności React
Error Boundaries & Error Handling
Advanced React Patterns
Zaawansowane funkcje Next.js
Wdrożenie i Produkcja Next.js
Architecture & Design Patterns
React Server Components
Internacjonalizacja Next.js
React Bezpieczeństwo & Najlepsze Praktyki
Opanuj React / Next.js na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo