SSR mi SSG mi seçmeliyim? Next.js'te hangisi daha iyi?
Sayfa içeriği her ziyaretçide değişiyorsa (giriş yapmış kullanıcı, kişiselleştirilmiş ürün önerisi) SSR; içerik aynı + nadiren güncellenirse (blog, ürün katalogu, kurumsal sayfa) SSG. ISR (Incremental Static Regeneration) en iyi orta yol: statik üret + 60-3600 saniyede bir yenile.
SSR (Server-Side Rendering) — her ziyaretçi isteğinde HTML server'da üretiliyor. Avantaj: gerçek-zamanlı içerik, kişiselleştirme. Dezavantaj: sunucu yükü yüksek, TTFB (Time To First Byte) 200-800ms.
SSG (Static Site Generation) — HTML build sırasında oluşturuluyor, CDN'de cache'leniyor. Avantaj: TTFB <50ms, hosting maliyeti minimal (Vercel/Cloudflare Pages ücretsiz tier'a sığar), SEO ideal. Dezavantaj: her içerik değişikliğinde rebuild gerekiyor.
ISR (Incremental Static Regeneration) — Next.js'in özel çözümü. Sayfa statik üretiliyor, ama 'revalidate' süresinde (örn. 3600 saniye) ilk istekte arka planda yeniden üretiliyor. Sonuç: statik hızı + neredeyse-canlı içerik. DevPixel'in 2026 projelerinin %80'i ISR kullanıyor.
Decision matrix: - Pazarlama sayfası, blog → SSG (revalidate 86400, günlük) - Ürün kataloğu (1000+ ürün, fiyat günde değişir) → ISR (revalidate 300, 5 dakika) - Kullanıcı profili, sepet → SSR - Real-time chat, canlı destek → CSR (Client-Side Rendering, useEffect içinde fetch)
Next.js'in 'App Router' yapısı bu kararı sayfa bazlı verme imkanı veriyor — aynı sitede farklı sayfalar farklı render mode'lar kullanabiliyor.
Projeniz için somut bir teklif ister misiniz?
15 dakikalık ücretsiz görüşmede kapsamı netleştirip net fiyat ve teslim takvimi paylaşıyoruz.