A plethora of rendering ideas

on YouTube ↗19m

" summary

Overview of concrete rendering options for Angular with actionable tradeoffs: use Angular Universal or Scully for server or pre-rendering, pick SSG for static snapshots or SSR for per-request personalization, and use ngx ISR plus CDN caching and surrogate-key headers to implement incremental static regeneration (follow the 80/20 Pareto for which pages to prebuild). Edge site rendering moves compute to CDN nodes but fails when fresh database data is required. Pre-render.io and dynamic rendering solve SEO for CSR when needed.

AI-written summary · about

" chapters (10)

1. 0:00Rendering concepts
2. 3:33Client vs server rendering
3. 6:02CSR SSR SSG use cases
4. 7:48Hybrid rendering techniques
5. 9:14Incremental static regeneration
6. 10:38Angular rendering caching
7. 11:43CDN headers for Angular Universal
8. 14:36Edge-side rendering
9. 16:02Trisomorphic rendering alternatives
10. 17:50Rendering trade-offs

" related talks

• 19mAngular Universal & Our New PrerendererWagner Maciel · ng-conf 2020: Hardwired
• 41mServer-side rendering with Angular—be faster and more SEO, CDN and user-friendly!Maciej Treder · JavaScript fwdays'19
• 22mAngular Pre Rendering for SEO, Speed, and Happy UsersJeff Cross · ng-conf 2017
• 26mServer Side Rendering with Angular UniversalNir Kaufman · AngularUP 2016
• 23mPre-Rendering StrategiesJeff Cross · AngularConnect 2017
• 21mStrategies for Server Side Rendering Angular ApplicationsVikram Subramanian · NGConf 2018
• 20mSven van StraalenSven van Straalen · AngularNL 2019
• 24mAngular 2 Server Side RenderingWassim Chegham · Angular Camp 2016