Angular Universal & Our New Prerenderer

on YouTube ↗19m

" summary

Angular Universal adds server rendering, a new pre-renderer and live code reload in v9 and shows real numbers: client CSR first contentful paint ~740ms (subsequent ~320ms) versus SSR ~300ms (subsequent ~70ms), and browser scripting drops from ~236ms to ~90ms. Setup uses ng add @nguniversal/express-engine and commands like npm run build:ssr, npm run dev:ssr and npm run prerender. The pre-renderer writes static files (dist/demo/browser/<route>/index.html) in parallel — 800 routes render in seconds and pages include a comment marking them as pre-rendered for CDNs.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 0:55What is Angular Universal?
3. 1:17Why use server-side rendering?
4. 9:20Latest Features • Live-reloading for SSR • Prerendering

" related talks

• 26mServer Side Rendering with Angular UniversalNir Kaufman · AngularUP 2016
• 51mThe Jedi Path to Angular UniversalMichel Murabito · Angular Day 2018
• 28mServer-side rendering with Angular 2Wassim Chegham · NG Poland 2016
• 24mAngular 2 Server Side RenderingWassim Chegham · Angular Camp 2016
• 22mAngular Pre Rendering for SEO, Speed, and Happy UsersJeff Cross · ng-conf 2017
• 20mSven van StraalenSven van Straalen · AngularNL 2019
• 31mAngular Universal in the Real WorldCraig Spence · AngularUP 2019
• 19mA plethora of rendering ideasMateusz Do Duc · NG Poland 2022