Advanced AngularLesson 42Free preview

Angular SSR & Hydration

This lesson is part of Angular · All levels

Summary

The SSR (Server-Side Rendering) renders pages on servers so that the first content is more quickly visible to users and search engines. Once the HTML is sent, the Angular in the browser takes over through the hydration process to be interactive again. Modern angular provides provideClientHydration to synchronize states between server and client.

Key points

SSR sends HTML ready rendering from the server
Hydration reactivates the DOM resulting from the server rendering
TransferState carries data from server to client without a double request
SSR improves SEO and First Contentful Paint

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.