Video

Deploy Flutter Web Like a Pro – Part 1: Versioned Builds & Cache Busting

Name: Deploy Flutter Web Like a Pro – Part 1: Versioned Builds & Cache Busting
Uploaded: 2025-05-17
Channel: Tyler Codes

by Tyler Codes youtube.com May 17, 2025

24 min 2.7k views

Watch on YouTube

In this first video of my 4-part series on deploying Flutter Web like a pro, we dive into how to structure your builds using semantic versioning and --base-href for flawless cache busting and zero-downtime releases. You’ll learn: - How to generate versioned builds like /4.6.2/ - How to use --base-href - Why separating index.html and version.json is critical - The ideal folder structure for long-term hosting on S3 or a CDN This setup lays the groundwork for automated CI/CD, global delivery, and runtime update notifications — all of which we’ll cover in the next videos. ✅ Coming up in the series: - Part 2: Hosting on AWS S3 + Cloudflare - Part 3: Automating deploys with GitHub Actions - Part 4: Notifying users of new releases + advanced routing 👇 Links: Inspired by: https://lukasnevosad.medium.com/our-flutter-web-strategy-for-deferred-loading-instant-updates-happy-users-45ed90a7727c Build Script: https://github.com/tylersavery/flutter_web_deploy/blob/36defb33f17093e0f690d9ca76608196ec5cf65a/deploy.sh 💬 Got questions or want to see another variation of this setup? Drop a comment below! UPDATE: Apparently I can not trim this video down because "multi-language audio has been generated". Feel free to skip the first minute if you don't care about my life story!

Forum

Questions about this, or something to add?

Discuss on the forum

Topics Flutter for the web