Angular Universal in the Real World
summary
Rebuilds a 1999 MTV Real World site using Angular Universal CLI schematic running on Node + Express engine, producing server-rendered HTML that rehydrates on the client and remains navigable with JavaScript off. Uses ngrx full-store transfer to serialize the store into the first render and a client-side cache TTL (2 minutes) to avoid duplicate API calls. Disables heavy DOM libs by providing nulls via optional DI (maps, video). Notes three-build dev workflow and serialization limits.
AI-written summary · about
chapters (9)
- 0:00Introduction to Angular Universal
- 8:42How Angular Universal works
- 13:59Setting up Universal with CLI
- 15:48Running Angular anywhere
- 18:57Handling DOM access in Universal
- 21:06Environment-specific implementations
- 23:32Testing Universal render
- 24:57State transfer techniques
- 28:26When not to use Universal
