Next.js API Routes
Route Handlers, GET/POST istekleri, middleware, CORS, kimlik doğrulama, hata yönetimi
1Next.js 13+ ile App Router'da Route Handler nedir?
Next.js 13+ ile App Router'da Route Handler nedir?
Cevap
Route Handler, route.ts (veya route.js) dosyasındaki bir sunucu fonksiyonudur ve özel API endpoint'leri oluşturmayı sağlar. Pages Router'daki API Routes'tan (pages/api klasörü) farklı olarak, Route Handler'lar app/ klasöründe bulunur ve Web Standard Request/Response'u destekler. Sunucu tarafında HTTP isteklerini (GET, POST, PUT, DELETE vb.) işler.
2Bir GET isteğini işlemek için Route Handler nasıl oluşturulur?
Bir GET isteğini işlemek için Route Handler nasıl oluşturulur?
Cevap
Bir GET isteğini işlemek için, route.ts dosyasında GET adında bir async fonksiyon export edin. Bu fonksiyon bir Request nesnesi alır ve NextResponse.json() kullanarak bir Response döndürür. Next.js, export edilen GET fonksiyonunu bu route'taki HTTP GET isteklerine otomatik olarak eşler. Diğer HTTP metotları (POST, PUT, DELETE, PATCH) kendi isimleriyle aynı kalıbı takip eder.
3NextResponse ile standart Response arasındaki fark nedir?
NextResponse ile standart Response arasındaki fark nedir?
Cevap
NextResponse, standart Web Response sınıfını Next.js'e özgü özelliklerle genişletir. Otomatik serileştirme için NextResponse.json(), yönlendirmeler için NextResponse.redirect() gibi pratik metotlar sunar ve cookie ile header manipülasyonunu kolaylaştırır. Standart Response çalışsa da, NextResponse kodu basitleştirdiği ve Next.js ekosistemiyle daha iyi entegrasyon sağladığı için önerilir.
Bir Route Handler'da arama parametreleri (query params) nasıl alınır?
Bir POST isteği nasıl işlenir ve JSON body nasıl alınır?
+17 mülakat soruları
Diğer React / Next.js mülakat konuları
JavaScript Temelleri
React Temelleri
React Hooks
Bileşen yaşam döngüsü
React Router
Context ile state yönetimi
Formlar ve Controlled Components
Veri Çekme ve API
React Query (TanStack Query)
Styling & CSS-in-JS
Next.js Temelleri
React ile TypeScript
Next.js Veri Çekme
Next.js Server Actions
Next.js Routing ve Navigasyon
Next.js Metadata & SEO
Next.js Middleware ve Auth
React Testing
Zustand State Management
React Performans Optimizasyonu
Error Boundaries & Error Handling
Advanced React Patterns
Next.js Gelişmiş Özellikler
Next.js Dağıtım & Üretim
Architecture & Design Patterns
React Server Components
Next.js Uluslararasılaştırma
React Güvenlik & En İyi Uygulamalar
Bir sonraki mülakatın için React / Next.js'de uzmanlaş
Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.
Ücretsiz başla