
Next.js Temelleri
App Router, Server Components, Client Components, dosya tabanlı routing, layouts, sayfalar
1Next.js'te App Router nedir?
Next.js'te App Router nedir?
Cevap
App Router, app/ dizinine dayalı Next.js 13+'ın yeni routing sistemidir. Pages Router'ın yerini alır ve varsayılan olarak Server Components, paylaşılan layoutlar ve page.tsx, layout.tsx, loading.tsx gibi dosya konvansiyonlarıyla daha esnek bir routing modeli sunar.
2App Router'da /about route'u nasıl oluşturulur?
App Router'da /about route'u nasıl oluşturulur?
Cevap
App Router'da her klasör bir route segmentini temsil eder. /about oluşturmak için app/about/page.tsx oluşturulmalıdır. page.tsx dosyası bir route'u herkese açık yapmak için zorunludur. Bu dosya olmadan, klasör görüntülenen bir sayfa olmadan yalnızca bir yol segmenti olacaktır.
3App Router'daki bileşenlerin varsayılan davranışı nedir?
App Router'daki bileşenlerin varsayılan davranışı nedir?
Cevap
App Router'da tüm bileşenler varsayılan olarak Server Components'tir. Yalnızca sunucuda çalışır ve istemciye JavaScript göndermez, bu da performansı artırır. İstemci özelliklerini (hook'lar, event'ler) kullanmak için dosyanın başına 'use client' yönergesi eklenmelidir.
App Router'da dinamik route /posts/[id] nasıl oluşturulur?
App Router'daki layout.tsx dosyasının amacı nedir?
+22 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
React ile TypeScript
Next.js Veri Çekme
Next.js Server Actions
Next.js Routing ve Navigasyon
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