Server-Side Rendering (SSR)

Το Server-Side Rendering (SSR) είναι μια μέθοδος απόδοσης ιστοσελίδων όπου ο διακομιστής δημιουργεί το πλήρες περιεχόμενο HTML μιας σελίδας πριν το στείλει στο πρόγραμμα περιήγησης του χρήστη. Όταν ένας χρήστης ζητά μια σελίδα, ο διακομιστής επεξεργάζεται το αίτημα, ανακτά τυχόν απαραίτητα δεδομένα, αποδίδει τη σελίδα σε HTML και στέλνει το τελικό αποτέλεσμα. Το SSR έρχεται σε αντίθεση με το Client-Side Rendering (CSR), όπου ο διακομιστής στέλνει ένα ελάχιστο αρχείο HTML με JavaScript και στη συνέχεια το πρόγραμμα περιήγησης χτίζει το περιεχόμενο της σελίδας.

Με το SSR, το πρόγραμμα περιήγησης λαμβάνει περιεχόμενο έτοιμο για προβολή, που σημαίνει ότι ο χρήστης βλέπει ουσιαστικό περιεχόμενο ταχύτερα, ακόμη και πριν ολοκληρωθεί η φόρτωση της JavaScript. Τα σύγχρονα πλαίσια SSR όπως το Next.js, το Nuxt.js και το Remix έχουν κάνει το SSR πολύ πιο προσιτό. Συνδυάζουν τα πλεονεκτήματα του SSR (γρήγορη αρχική φόρτωση, φιλικό στο SEO) με τη διαδραστικότητα της JavaScript στην πλευρά του πελάτη. Αφού φορτωθεί η αρχική σελίδα που αποδόθηκε από τον διακομιστή, η εφαρμογή "ενυδατώνεται" και γίνεται μια πλήρως διαδραστική εφαρμογή μίας σελίδας.