Flutter WebApp with Wasm & Google Cloud Deployment
summary
Shows how a Flutter web app compiles to a .wasm binary plus a runtime .mjs using the experimental dart2wasm path, requires enabling the browser GC flag (Chrome/Firefox) and currently fails on many packages so start with a tiny app. Demonstrates deploying the static front end to Firebase Hosting (free, CDN, preview channels) and running backends as containers on Cloud Run (pay-per-request) with Cloud Functions or hosting rewrites forwarding requests. Reports still-fragile tooling and observable runtime errors.
AI-written summary · about
chapters (18)
- 0:00Introduction and speaker background
- 1:08Web app basics and single page apps
- 4:40Progressive web apps explained
- 9:17What is WebAssembly
- 13:58WebAssembly vs JavaScript
- 15:05Flutter and WebAssembly integration
- 17:33Adding WebAssembly support to Flutter
- 20:23Compiling Dart to WebAssembly
- 23:12Future of Flutter with WebAssembly
- 23:32Web app deployment challenges
- 24:37Google Cloud Platform overview
- 26:50Cloud Run for web hosting
- 27:56Understanding containers
- 29:43Deploying to Cloud Run
- 31:09Firebase hosting overview
- 32:36Setting up Firebase hosting
- 34:01Summary and closing remarks
- 35:02Q&A session
related talks
13mLightning Talk: Wildly Distributed Programming: Wasm and the Future of Distribute...
29mwasi-cloud: The Future of Cloud Computing with WebAssembly
32mCloud Native Apps with Server-Side WebAssembly
52mCross-cloud App Splitting With WebAssembly Components
22mCreate an Extensible Cloud Native Application with WebAssembly
01h 17mChoose Your Own Adventure: Wasm Edition
28mI Wasm’t Expecting This Many Apps: Scaling Without Losing Your Bytes
28mWasm + Kubernetes: Beyond Containers