Top 8 Pro Tips for Flutter Web Apps using Firebase
Written tutorial here: 👇👇
https://codewithandrea.com/videos/202...
If your already have a Flutter mobile app, you can port it to web with minimal effort and nearly 100% code reuse.
But there are a few things that you need to be aware of. In this tutorial I'm sharing 8 top tips to save time in your Flutter web projects.
HIGHLIGHTS
00:00 - Intro
01:32 - Tip #1: Use --web-enable-expression-evaluation
02:15 - Tip #2: Develop on the iPad simulator
02:44 - Tip #3: Enable Firebase Hosting for the project
03:53 - Tip #4: Keep multiple index.html files for different flavors
04:45 - Tip #5: Handle Cross-Origin Resource Sharing (CORS)
06:33 - Tip #6: Enable copy-paste in your Flutter web app
07:20 - Tip #7: Conditionally import files at compile time
08:46 - Tip #8: Check if we're running on web at runtime
USEFUL LINKS
Flutter web support updates: / flutter-web-support-updates
Building a web application with Flutter: https://flutter.dev/docs/get-started/web
Get started with Firebase Hosting: https://firebase.google.com/docs/host...
Load Firebase SDKs from reserved URLs: https://firebase.google.com/docs/host...
Handling CORS requests: https://cloud.google.com/functions/do...
Connect Cloud Functions to Firebase Hosting: https://firebase.google.com/docs/host...
Want more? Check out all my Flutter courses: 👇👇
https://codewithandrea.com/courses/