SSR Faster with Angular & App Hosting

on YouTube ↗19m

" summary

Angular SSR is now easy: the ng CLI scaffolds SSR and running ng add angular-ssr wires it into existing apps; incremental hydration and a defer on hover option delay JavaScript until interaction; HTTP resource plus transfer-state avoids duplicate API calls but can double bundle size; a working alert-management prototype deploys to Firebase App Hosting with GitHub-triggered builds and auto-scaling, claiming dozens of SSR apps shipped with minimal extra work.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 0:45Web development paradigms
3. 4:56Angular’s SSR role
4. 6:18Setting up SSR
5. 7:45Benefits of server-side rendering
6. 8:47SSR strategies hydration
7. 11:55HTTP transfer state
8. 13:41Angular hydration
9. 14:46Defer components
10. 16:13Frontend backend APIs
11. 16:54Firebase App Hosting
12. 18:17SSR future

" related talks

• 20mFaster apps with Angular SSRMark Thompson, Jessica Janiuk · ng-conf 2023
• 15mA journey to Server Side Rendering with AngularAristeidis Bampakos · CityJS Athens 2025
• 28mAccelerating AngularSimona Cotin · JSDayIE 2023
• 25mDay 3 Keynote – Minko GechevMinko Gechev · ng-conf 2020: Hardwired
• 36mELI5 Angular HydrationSoumaya Erradi · Angularday 2023
• 20mSven van StraalenSven van Straalen · AngularNL 2019
• 26mSSR with Quasar FrameworkRazvan Stoenescu · JSNation 2019
• 30mDazzingly discoverable, furiously fast web apps with AngularMartin Splitt · DevFest Ukraine 2018