Next.js Routing ve Navigasyon
Dynamic routes, route groups, parallel routes, intercepting routes, useRouter, Link, redirect
1Next.js App Router'da dinamik bir rota oluşturmak için sözdizimi nedir?
Next.js App Router'da dinamik bir rota oluşturmak için sözdizimi nedir?
Cevap
Next.js App Router'daki dinamik rotalar, değişken URL segmentlerini tanımlamak için köşeli parantezler kullanır. Örneğin, [id] URL'deki o konumdaki herhangi bir değeri yakalayan bir rota oluşturur. Bu değere sayfa parametreleri aracılığıyla erişilebilir. Bu kural, her varyasyon için ayrı dosyalar oluşturmadan farklı içeriklere uyum sağlayan genel sayfalar oluşturmaya olanak tanır.
2Next.js'te Link bileşeninin birincil rolü nedir?
Next.js'te Link bileşeninin birincil rolü nedir?
Cevap
Link bileşeni, Next.js'te önerilen navigasyon öğesidir. Viewport'ta görünen rotaları otomatik olarak önceden yükler ve tam sayfa yeniden yüklemesi olmadan istemci taraflı navigasyona olanak tanır. Standart bir a etiketinden farklı olarak, Link uygulama durumunu korur ve sayfalar arasında yumuşak geçişler sağlayarak kullanıcı deneyimini ve performansı önemli ölçüde iyileştirir.
3Server Component'te dinamik rota parametrelerine nasıl erişilir?
Server Component'te dinamik rota parametrelerine nasıl erişilir?
Cevap
Next.js App Router'da, Server Components dinamik URL segmentlerini içeren bir params nesnesini otomatik olarak alır. Bu nesne bileşen fonksiyonuna prop olarak geçirilir. Örneğin, [id] rotası için params.id yakalanan değeri içerecektir. Bu yaklaşım, istemci taraflı hook'lara ihtiyaç duymadan parametre erişimini basitleştirir.
Next.js'te route group'larının temel avantajı nedir?
useRouter ve usePathname arasındaki fark nedir?
+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 API Routes
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