What phases does SSR rendering go through?

SSR rendering goes through three main phases, explained at a junior level:

---

#1) Server Render

Angular runs on the server (Node.js) and creates finished HTML for the page:

• the server-side version of the application starts
• Angular renders the components
• the final HTML markup is formed

At this stage, the already-drawn page is sent to the browser.

---

#2) Client Load

The browser receives the HTML from the server and shows it right away, while in parallel:

• Angular's JavaScript bundles load
• styles and scripts are attached
• the client-side version of the application is prepared

The page is already visible, but not yet interactive.

---

#3) Hydration

When the JS has loaded, Angular matches the existing HTML against its virtual model and:

• attaches event handlers
• enables reactivity and bindings
• restores the application as an SPA

The page becomes interactive, without a re-render.

---

#In one sentence:

SSR renders the HTML on the server, the browser shows it right away, and hydration makes the page interactive.

---

If you want, I can add a diagram or a comparison with CSR.