Server-Side Rendering (SSR)

Server-side rendering (SSR) refers to the process of rendering React components on the server before sending the fully populated HTML markup to the client.

With SSR, the initial request hits the server, which runs the React code, generates the static HTML, and sends the markup to the client. Once loaded in the browser, React on the client side hydrates those static HTML elements into interactive components.

                             SERVER

1. Browser request hits server ➜
   
   React renders components into HTML string.


2. The server …

browser client code components html javascript process programming react rendering server the browser webdev