SSR Nedir?
İngilizce: SSR (Server-Side Rendering)
SSR, sayfanın HTML'ini sunucuda her istek için üretip tarayıcıya hazır içerik göndererek ilk görüntüyü ve SEO'yu iyileştiren yaklaşımdır.
SSR Nedir?
SSR (Server-Side Rendering), web sayfasının ilk HTML çıktısını tarayıcı yerine sunucuda üretir. Kullanıcı URL’yi açtığında sunucu gerekli veriyi çeker, sayfanın HTML’ini oluşturur ve tarayıcıya hazır içerik gönderir. Daha sonra JavaScript yüklenirse sayfa etkileşimli hale gelir; bu adıma hydration denir.
SSR özellikle arama motorlarının ve sosyal medya önizlemelerinin ilk HTML’i görmesi gereken sayfalarda kullanılır. Ürün detayları, haber sayfaları, kategori listeleri ve kişiselleştirilmiş paneller buna örnektir. Kullanıcıya boş bir uygulama kabuğu göstermek yerine ilk içerik daha erken gelir.
SSG ile Farkı
SSG, sayfaları build sırasında üretir; SSR ise her istekte veya belirli önbellek kurallarıyla sunucuda üretir. Bu yüzden SSR güncel veri ve kullanıcıya özel içerik için daha esnektir, fakat sunucu maliyeti ve yanıt süresi yönetimi ister.
Next.js gibi framework’ler SSR, SSG ve istemci tarafı veri çekmeyi birlikte kullanabilir. İş kararında kritik soru şudur: sayfa ne kadar sık değişiyor, kullanıcıya özel mi, SEO için ilk HTML gerekli mi ve sunucu tarafında önbellek stratejisi nasıl kurulacak?
İlgili Terimler
Astro, içerik ağırlıklı sitelerde HTML'i önceleyen, ihtiyaç oldukça JavaScript yükleyen hızlı bir web framework'üdür.
Uç Sunucu Render (Edge Rendering)Uç sunucu render, sayfaları merkezi sunucu yerine kullanıcıya yakın edge lokasyonlarında oluşturarak gecikmeyi azaltır.
Hidrasyon (Hydration)Hidrasyon, sunucudan gelen HTML'e tarayıcıda JavaScript davranışı bağlayarak statik arayüzü etkileşimli hale getirir.
Next.jsNext.js, React uygulamalarına sunucu tarafı render, statik üretim, dosya tabanlı yönlendirme ve backend uçları ekleyen web çerçevesidir.
Sunucu Bileşenleri (Server Components)Sunucu bileşenleri, arayüzün bazı parçalarını tarayıcıya JavaScript göndermeden sunucuda çalıştırıp HTML çıktısı üretir.
SSGSSG, sayfaları istek anında değil derleme sırasında HTML'e çevirerek hızlı, önbelleğe uygun ve sade web siteleri üretme yaklaşımıdır.