Šta je server-side rendering (SSR)?

Server-side rendering (SSR) je proces u kojem se web stranica generiše na serveru kao odgovor na zahtev klijenta. Umesto da šalje klijentu prazan HTML dokument i JavaScript paket za kasnije renderovanje u pretraživaču, server kreira kompletan HTML dokument sa već ubačenim sadržajem.

Prednosti SSR:

• SEO optimizacija: Pretraživački roboti lakše indeksiraju sadržaj jer dobijaju gotov HTML, a ne dinamički generisani JavaScript.
• Vreme prve prikaznosti (FCP): Korisnik brže vidi sadržaj stranice jer je server već dostavio gotov HTML koji pretraživač može odmah prikazati.
• Performanse na slabijim uređajima: Manje resursa za klijentski uređaj jer se većina posla generisanja stranice obavlja na serveru.
• Poboljšana interakcija na društvenim mrežama: Pri deljenju, društvene mreže dobijaju gotov sadržaj za prikaz, a ne praznu stranicu.

Nedostaci SSR:

• Povećano opterećenje servera: Server mora obrađivati zahteve za renderovanje svake stranice, što može biti skupo u resursima.
• Smanjenje interaktivnosti do hidratacije: Nakon primanja HTML-a, pretraživač treba vreme za "hidrataciju" — povezivanje JavaScript logike sa već prikazanim DOM-om. Do završetka hidratacije, stranica može biti delimično ili potpuno neinteraktivna.
• Složenost u razvoju: Zahteva specifičnu arhitekturu aplikacije i specijalne okvire (npr. Next.js za React, Nuxt.js za Vue.js, Angular Universal za Angular).

Kod SSR, klijent šalje zahtev serveru, koji ga obrađuje, generiše HTML niz sa gotovim sadržajem i strukturom i vraća ga nazad klijentu. Pretraživač prikazuje primljeni HTML, a zatim učitava i izvršava JavaScript klijenta za dodavanje interaktivnosti (proces hidratacije).