Modern Angular deployment with Google Cloud

on YouTube ↗13m

" summary

Kitty Cinema is a demo single page app that deploys with Firebase Hosting for CDN pages and Cloud Functions (now Gen 2 on Cloud Run) for SSR while using Angular Universal for rendering. The presenter shows commands like ng add @nguniversal/express-engine, build output at dist/movies/browser, firebase.json rewrites to route * to the SSR function, and claims prerendering halves load time* versus pure client rendering. Incremental regeneration via Firestore triggers updates changed static pages and purges CDN cache.

AI-written summary · about

" chapters (4)

1. 0:00Intro
2. 1:34Introducing Kitty Cinema
3. 5:15Optimal rendering strategy
4. 9:05Hybrid rendering

" related talks

• 22mng Generate Universal, Now What?James Daniels · ng-conf 2019
• 58mAngular Universal With Googles Latest Serverless TechJason Dobry · ng-conf 2019
• 25mDay 3 Keynote – Minko GechevMinko Gechev · ng-conf 2020: Hardwired
• 28mServerless Angular, Material, Firebase and Google Cloud applicationsLoiane Groner · DevFest Florida 2019
• 20mSven van StraalenSven van Straalen · AngularNL 2019
• 24mFrom Google Analytics to Universal Deploy Schematics!James Daniels · ng-conf 2020: Hardwired
• 30mDazzingly discoverable, furiously fast web apps with AngularMartin Splitt · DevFest Ukraine 2018
• 26mServer Side Rendering with Angular UniversalNir Kaufman · AngularUP 2016