Hi everyone!
I’m planning to build a booking web application (something like an All Service Booking App) and I’m considering using Flutter Web instead of traditional frameworks like Next.js or Vue.js.
Here are my thoughts and some questions for the community:
Why Flutter Web?
– Cross-platform: single codebase for web + mobile (iOS & Android) + even desktop
– Faster prototyping thanks to Flutter’s widgets and hot reload
– Consistent UI/UX across all devices
My questions:
– On iOS and Windows devices, Flutter Web works great for me.
– But on Android phones, it feels a bit slower, sometimes with scroll jank and heavier initial load.
– Does anyone have experience optimizing Flutter Web for Android browsers?
– Are there best practices to make performance closer to what we get on desktop/iOS?
– For a production booking app (which may have forms, calendar, payments, dashboards etc.) — is Flutter Web mature enough?
In summary:
Can Flutter Web really be a practical choice to launch a booking app faster than traditional frameworks?
What are the real limitations or pain points I should be aware of?
Thanks in advance for your insights!
Happy coding!
(This is text optimized with AI. Because my English is not good enough)
In my experience I have used flutter_screenutil package and it works very well to me, even using Flutter Web.
This is partially true. Material and Cupertino don’t work well on desktop environments (and web in a desktop pc can be considered as that).
Why? Because desktop UX don’t have swipes, for instance. Imagine a TabView with scrollable tabs, that will be totally unnatural in desktop with a mouse.
Mobile (touch) is different from desktop (mouse).
Web in Android always have been a pain. Even with superior hardware, Android still lags. And I don’t think this will ever be resolved.
Use the right tool for the right job. Web is HTML + CSS. That’s it. See https://flarum.org/, for instance: you will not ever notice any kind of lag, slow loading or junkness (and the thing is written in PHP). They know what they are doing. Now, see LinkedIn on Android web… sometimes the device refuses to live and restart itself >.<
If your app is online, there is no reason to not go with HTMX (you can even leverage some Dart backend http server, but, with the lack of support for server-side template, it will be a pain. Techs such as ASP.net MVC, ASP.net Blazor, PHP and even node are better suited for this task).
1 Like
Did you try building it with wasm support Web renderers | Flutter
If you don’t want to build an android app, only a web version you should use a web framework.
Flutter web is already 5 years old and well integrated in Flutter ecosystem. It will do most of the things you need but it won’t be perfect just good enough. If your booking system requires SEO or fast initial loading time, you’d likely want to look at something like jaspr this will allow you to share some business logic with your Flutter mobile apps.
1 Like