Angular SSR & SSG

Server-Side Rendering (SSR)

Traditionally, Angular applications are Single Page Applications (SPAs) rendered entirely in the browser (Client-Side Rendering). With SSR, the application is rendered on the server, sending a fully populated HTML page to the client.

This results in a significantly faster First Contentful Paint (FCP) and ensures that search engine crawlers and social media bots can easily index your content.

Non-Destructive Hydration

Modern Angular versions feature Non-Destructive Hydration. Instead of destroying and re-rendering the DOM when the JavaScript loads, Angular "wakes up" the existing static HTML, attaching event listeners and state without visual flickering. This provides a seamless user experience.

Static Site Generation (SSG)

For content that doesn't change often (like this documentation page), Angular can use SSG to pre-render pages at build time. These static files can be served from a CDN, offering the best possible performance and security.