Next.js Middleware ve Auth
Middleware, NextAuth.js, JWT, oturum yönetimi, korumalı rotalar, RBAC
1Next.js'te middleware nedir?
Next.js'te middleware nedir?
Cevap
Next.js middleware, bir istek işlenmeden önce çalışan koddur; yanıtı değiştirmenize, yönlendirme yapmanıza, header eklemenize veya erişimi engellemenize olanak tanır. Optimum performans için Edge Runtime üzerinde çalışır. Genellikle kimlik doğrulama, coğrafi konum belirleme veya logging için kullanılır.
2App Router ile bir Next.js projesinde middleware dosyası nereye yerleştirilir?
App Router ile bir Next.js projesinde middleware dosyası nereye yerleştirilir?
Cevap
middleware.ts (veya .js) dosyası, app klasörüyle aynı seviyede proje kök dizinine yerleştirilmelidir. Next.js bu dosyayı otomatik olarak algılar ve tüm rotalar için çalıştırır. Proje bu yapıyı kullanıyorsa alternatif olarak src klasörüne de yerleştirilebilir.
3Middleware'in çalıştığı rotalar nasıl tanımlanır?
Middleware'in çalıştığı rotalar nasıl tanımlanır?
Cevap
Middleware'de matcher yapılandırmasını kullanmak, yol kalıpları aracılığıyla ilgili rotaları belirtmenize olanak tanır. Varsayılan olarak middleware, statik dosyalar hariç tüm rotalarda çalışır. Matcher, hedeflenen rotaların hassas kontrolü için wildcards ve regex destekler.
Kimlik doğrulama için NextAuth.js kullanmanın temel avantajı nedir?
Next.js middleware ile bir rota nasıl korunur?
+19 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 API Routes
Next.js Metadata & SEO
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