Server Side Rendering (SSR) — veb səhifənin məzmununun server tərəfində işlənib, tam HTML formatında istifadəçiyə göndərilməsi prosesidir.

Ənənəvi müasir veb tətbiqlərində (xüsusilə SPA - Single Page Application-larda) ilk olaraq minimal HTML sənədi yüklənir və sonrakı məzmun istifadəçinin brauzerində JavaScript vasitəsilə dinamik şəkildə formalaşır. Bu yanaşma sürətli interaktivlik təklif etsə də, SEO (axtarış motoru optimizasiyası) və ilkin yüklənmə sürəti baxımından bəzi problemlər yaradır.

SSR bu problemləri həll edir: səhifənin tam HTML versiyası serverdə yaradılır və istifadəçiyə təqdim edilir. Brauzer bu HTML-i dərhal göstərir, beləliklə istifadəçi məzmunu daha tez görə bilir və səhifə daha tez "hazır" görünür.

SSR-in əsas üstünlükləri:

• SEO üçün uyğundur: Çünki axtarış motorları (Google, Bing və s.) səhifəni tam HTML formatında görür və daha yaxşı indeksləyə bilir.
• İlkin yüklənmə sürətinin artırılması: İstifadəçi səhifəni açdıqda, hazır HTML sənədi təqdim olunduğu üçün istifadəçi interfeysi daha sürətli görünür.
• Sosial media paylaşımları: Sosial şəbəkələr səhifənin meta məlumatlarını (title, description, image) daha düzgün oxuya bilir.

SSR-in çətinlikləri və mənfi cəhətləri də var:

• Server yükü artır: Hər istifadəçi sorğusunda server dinamik HTML yaratmalı olduğu üçün server resursları daha çox istifadə olunur.
• Mürəkkəb infrastruktur: SSR tətbiq etmək üçün əlavə konfiqurasiyalar və kod optimizasiyası tələb olunur.
• Təhlükə potensialı: Serverdə yaranan səhvlər səhifənin tam göstərilməməsinə səbəb ola bilər.

SSR hansı hallarda istifadə olunur?

• SEO-nun çox vacib olduğu saytlar üçün (məsələn, xəbərlər saytları, e-ticarət səhifələri).
• İstifadəçi ilk təəssüratının vacib olduğu tətbiqlər üçün.
• Məzmunu paylaşmaq və sosial media inteqrasiyası üçün.

Məsələn, Next.js framework-u SSR-i dəstəkləyir və bunu asanlaşdırır. Next.js-də getServerSideProps funksiyası istifadə edilərək hər dəfə sorğu gələndə serverdə yeni HTML yaradılır.