Next.js Veri Çekme
Sunucu taraflı render (SSR), statik oluşturma (SSG), artımlı statik yenileme (ISR), streaming
1Next.js App Router'da Server Components'ın veri çekme konusundaki varsayılan davranışı nedir?
Next.js App Router'da Server Components'ın veri çekme konusundaki varsayılan davranışı nedir?
Cevap
Server Components, varsayılan olarak her istekte sunucu tarafında veri çekme işlemi yapar ve böylece her zaman taze veri sağlar. getServerSideProps gerektiren Pages Router'ın aksine Server Components, SSR'ı örtük hale getirir. Statik önbellekleme için fetch'e cache: 'force-cache' seçeneği eklenmelidir.
2Pages Router'daki getStaticProps'a eşdeğer fetch cache seçeneği hangisidir?
Pages Router'daki getStaticProps'a eşdeğer fetch cache seçeneği hangisidir?
Cevap
cache: 'force-cache' seçeneği Next.js'e yanıtı manuel olarak geçersiz kılınana kadar önbelleğe almasını söyler; bu getStaticProps'a eşdeğerdir. Bu strateji süresiz olarak önbellekte kalan statik içerik üretir. 'no-store' seçeneği getServerSideProps'a (her istekte yeniden çekme) eşittir, next.revalidate ise revalidate ile getStaticProps'a (ISR) eşittir.
3Her istekte dinamik veri çekmeyi nasıl zorlarız (getServerSideProps eşdeğeri)?
Her istekte dinamik veri çekmeyi nasıl zorlarız (getServerSideProps eşdeğeri)?
Cevap
cache: 'no-store' seçeneği önbelleği tamamen devre dışı bırakır ve her istekte yeniden çekmeyi zorlar; getServerSideProps'a eşdeğerdir. Bu strateji her zaman taze veri sağlar ancak gecikmeyi artırır. Gerçek zamanlı veriler (dashboard, bildirimler, canlı fiyatlar) için kullanın.
Saatlik yeniden doğrulama ile ISR (Incremental Static Regeneration) nasıl uygulanır?
Sayfa düzeyinde 'export const revalidate = 60' export ne yapar?
+21 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 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