A journey to Server Side Rendering with Angular

on YouTube ↗15m

" summary

Shows how installing Angular SSR via the CLI converts an Angular app to server renderable, boosting a Lighthouse performance score from 66 → 95 in the demo with no additional code. Explains destructive DOM replacement versus incremental provideHydration hydration, plus rules that block hydration (runtime-only APIs, invalid templates). Describes built-in static site generation (SSG) output where HTML inlines CSS, fonts, JS and data so the browser folder can be uploaded as a static site.

AI-written summary · about

" chapters (7)

1. 0:00Introduction and agenda
2. 1:04Optimizing Angular applications
3. 4:24Web Vitals explained
4. 7:20Angular Server Side Rendering
5. 10:56Hydration in Angular
6. 12:22Static Site Generation with Angular
7. 13:49Key takeaways and conclusion

" related talks

• 20mFaster apps with Angular SSRMark Thompson, Jessica Janiuk · ng-conf 2023
• 41mServer-side rendering with Angular—be faster and more SEO, CDN and user-friendly!Maciej Treder · JavaScript fwdays'19
• 36mELI5 Angular HydrationSoumaya Erradi · Angularday 2023
• 19mSSR Faster with Angular & App HostingStephen Fluin · DevFestMN 2025
• 21mStrategies for Server Side Rendering Angular ApplicationsVikram Subramanian · NGConf 2018
• 20mSven van StraalenSven van Straalen · AngularNL 2019
• 19mA plethora of rendering ideasMateusz Do Duc · NG Poland 2022
• 26mServer Side Rendering with Angular UniversalNir Kaufman · AngularUP 2016