Sözlük · web
SSR (Server-Side Rendering)
Tanım
SSR (Server-Side Rendering), HTML'i tarayıcı yerine sunucuda render etmektir. Kullanıcı sayfayı açtığında hazır HTML alır — daha hızlı LCP, daha iyi SEO, daha az JS bundle. Next.js, Remix, Nuxt gibi framework'ler SSR'ı varsayılan yapıyor.
Detaylı açıklama
Geleneksel SPA (CSR) tarayıcıda boş HTML + JS yükler, JS sonra UI çizer — ilk yükleme yavaş + SEO zayıf. SSR'da sunucu HTML'i hazırlayıp gönderir; tarayıcı görüntülemeye anında başlar (FCP <500ms).
4 yaklaşım var: SSR (her istek anlık server render), SSG (build zamanı static HTML), ISR (Incremental Static — periodic re-render), CSR (sadece tarayıcıda). Next.js App Router 2026'da hepsini destekler; varsayılan SSR.
Avantajlar: hızlı LCP (<1.5s mümkün), SEO friendly (Google bot HTML'i görür), düşük JS bundle. Dezavantajlar: server cost (her istek hesaplama), TTFB biraz daha yüksek (~200-500ms).
Kullanım senaryoları
→E-ticaret ürün sayfaları (SEO + hız kritik)
→Blog + içerik siteleri
→Marka vitrin + landing pages
→Personalized dashboard (kullanıcı-bazlı SSR)
Güçlü yanlar
- +Hızlı LCP / FCP (<1.5s)
- +SEO friendly (Google bot HTML görür)
- +Düşük JS bundle (RSC ile %30-50 azalma)
- +Edge runtime ile global hız
Zayıf yanlar
- −Server cost (her istek hesaplama)
- −TTFB ~200-500ms (CSR 50ms)
- −Cache stratejisi karmaşık
- −Real-time interaktif app için aşırı (SPA daha doğru)
İlgili terimler
İlgili hizmetler
SSR (Server-Side Rendering) ile ilgili proje planlıyorsan
30 dakikalık keşif görüşmesinde projene özel mimari + maliyet + ekip önerisini yazılı paylaşıyoruz.
Keşif görüşmesi başlat