Building High Performance Static Web Site with Angular

on YouTube ↗31m

" summary

Shows a concrete workflow that generates a fully static, pre-rendered site from an Angular app using angular-universal and fuse-box, with TypeScript, ts-node and yarn. Demonstrates wiring modules, tsconfig, a FuseBox bundle+dev server, calling renderModule to produce a disk pre-rendered index.html and automatic write-out for GitHub Pages/Firebase. Live demo compiles and hot-reloads in milliseconds, Angular installs in under 10s and the full setup is reproducible from scratch.

AI-written summary · about

" chapters (5)

1. 0:00Project goals and scope
2. 4:48Project setup and tooling
3. 14:09Integrating FuseBox bundler
4. 21:43Server-side rendering
5. 28:35Conclusion and resources

" related talks

• 34mBuilding High Performance Static Website with AngularUri Shaked · NG-BE 2017
• 22mng Generate Universal, Now What?James Daniels · ng-conf 2019
• 26mServer Side Rendering with Angular UniversalNir Kaufman · AngularUP 2016
• 26mBuilding a dynamic SPA website with AngularFilip Bruun Bech-Larsen · NG-NL 2017
• 47mAngular in the JamstackTara Z. Manicsic · All Things Open 2020
• 25mDay 3 Keynote – Minko GechevMinko Gechev · ng-conf 2020: Hardwired
• 21mAngular based Micro frontends with module federationManfred Steyer · ng-conf 2022
• 13mModern Angular deployment with Google CloudMinko Gechev · Google I/O 2022