DEV Community

Cover image for Building Scalable Flutter Apps with Ease
Anagha GN
Anagha GN

Posted on • Updated on

Building Scalable Flutter Apps with Ease

Building large-scale apps with diverse features and large developer teams requires a modular approach. Vyuh is a framework that uses a CMS-driven methodology to create scalable Flutter apps, allowing dynamic updates without App Store/Play Store releases. Born from the need to manage complex, content-driven features efficiently, Vyuh integrates with Sanity.io to drive the entire app experience.

It balances the flexibility of no-code tools for business teams with the power of full-code IDEs for developers. Vyuh separates responsibilities, enabling business teams to create app journeys through high-level components defined in the CMS, while developers focus on the implementation details in Flutter. This approach ensures modular, transferable features, controlled navigation, and seamless third-party integrations, all supported by a strong design system.

To get into its deep dive, let see below is a sample conversation that happened between Tara (who is a client and wanted to have the News app to be developed and deployed quickly) and Vivek (who is a Project Manager at NonStop IO Technologies Pvt Ltd) who knows the capability and adaptability of Vyuh framework very well. Below is the screenshot of the home page of their News App.

Image description

Project Manager (Vivek): Hello Tara, our News App has been Developed and Published!

Client(Tara): (After installing the app) Ahh! Wow really??? in just a week? (After checking the smoothness of the app)…This news app is Good for me!!. Just a few changes need to be made.

Vivek: yeah, sure! can you tell me which changes?

Tara: Instead of opening this News/Category Page on a separate page, can we open it from a dialog that will be coming from the bottom??

Vivek: Umm.. Do you mean BottomSheet, yes we can open it.

Tara: But Vivek, it will again take a day to make this change and then publish and then review. How hectic the process is! Isn’t it?

Vivek: But Tara, We can do it instantly, you just have to refresh your app

Tara: (Surprisingly) What?? are you joking??

Vivek: No Tara. Let me share my screen.

Image description

Tara: Wow.. that’s great! I just wanted to see if we could open this BottomSheet as a full screen. Just a thought. Can we do that now??

Vivek: Yes Sure! let me change it to a Full Screen. Please reopen/refresh your app

Image description

Tara: Wow, we are shuffling news also, that is great! but Vivek I feel this BottomSheet to be opened into a full screen, could be better. Is it? What if we could open up 80% of the full-screen height? What say, now feels like we need to wait for it again for a day.

Vivek: Na Tara, the same thing we can do again and instantly. Just we have to set a Size here.

Image description

Tara: Wow am I dreaming?? That's awesome Vivek. I wanted to know which tool you are using and how you developed it. Like you, can I also make these navigation changes without touching the code?

Vivek: Yes Tara, Sure you can make these changes. Here we have used a production-grade and CMS driven framework, that is Vyuh Framework.

Tara: Oh I see!! Vivek, can you give me a brief introduction?

Vivek: Yes Sure Tara! Vyuh is a tool that helps you build apps quickly and easily using Flutter. It uses a content management system (CMS — Sanity) to control the app, so you can make changes and add new features without needing a big team or a lot of time. This makes it super flexible and fun to work with.

Key features include:

1. Easy Updates: Change your app’s look and feel without going through the app store.
2. Custom Content: Create and manage different types of content easily.
3. Team-Friendly: Smaller teams can achieve big things with Vyuh.
4. Integrations: Easily connect with other services and tools.
5. Design Consistency: Maintain a consistent look across your app using a design system.
6. Powerful Tools: Manage app state, navigation, and more with ease.
7. Secure Storage: Keep your data safe.
Vyuh is perfect for companies wanting to build impressive apps quickly, experiment with different designs, and ensure a smooth and efficient development process.

Tara: Wait, Vivek! Sorry for interrupting you, can you please tell me “Create and manage different types of content easily.” What does that mean?

Vivek: Sure! For example Tara, here you can see my shared screen, right? If you want the sequence of this news home screen to change, say if you want News Group to be on the top then News List, and then News Carousel then you can make those changes from here quickly.

Image description

Tara: Ohhh I see… that’s very cool..

Vivek: Yes, Vyuh is a framework designed for building production-grade Flutter apps with a CMS-driven approach. This means it uses a Content Management System to manage and drive the app’s experience, significantly reducing the time needed to add new features with a smaller team. Vyuh offers incredible flexibility and control over your app’s journey and content, making UI development fun and dynamic.

The framework covers all the essentials for building large-scale apps, such as:

  1. CMS-driven (aka Server-driven) UI
  2. Custom Content types
  3. Actions, Layouts, Conditions, Routes
  4. Custom journeys & Conditional flows
  5. Modular development of Features with independent teams
  6. Third-party integrations via Plugins
  7. Remote configuration with Zero App Store releases
  8. Design System-based UX
  9. Analytics
  10. Feature Flags and A/B/N testing
  11. Networking
  12. Authentication
  13. Navigation and Routing
  14. State Management with the sophistication you desire
  15. Error Handling
  16. Theming
  17. Storage and Secure Storage and much, much more…

Let me tell you the immediate benefits of Vyuh:

1. Faster App Deployments: Update your app experience without needing app store releases or deployments
2. Explorative Power: Try different designs and user experiences without changing any code
3. Small Teams, Big Outcomes: Build advanced apps quickly with smaller teams
4. Extensibility Built-In: Customize every part of your app, from content blocks to layouts and routes.
5. Design System First: Ensure a consistent look across your app using a design system
6. Easy Third-Party Integrations: Easily connect with various APIs (like ReST, GraphQL, WebSockets) for more features
7. Powerful State Management: Use MobX for flexible and sophisticated app experiences
8. Developer Productivity: Speed up development with dynamic updates through the CMS and Flutter’s Hot Reload
9. Growing Integrations: Access a growing set of plugins for everything from networking to payments
10. Fundamentals Ready: Start your app development with built-in basic features.
These benefits help enterprises build and manage their apps more efficiently, from flagship applications to platforms for white-labeled apps.

Tara: Wow Vivek, that’s awesome!! I wanted to know more about it.

Vivek: Sure, Tara you can visit this Vyuh website and as you can see in this live demo, here on this site you will get all about its features, integrations, and pricing which is very worth paying. Is it?

Tara: Yeah! So grateful to be part of Vyuh and NonStop IO Technologies.

Vivek: So happy to work with you. Thank you!

Tara: Bye Vivek. Thank you!

So after seeing this live demo given by Vivek, you can imagine how customizable, comprehensive, and extensible this Vyuh framework is! It provides us with the thought that rather than thinking of your App in terms of screens of content, you make an important mind-shift: “Think of your app as a collection of features where each feature contributes a set of components”. So let’s be ready for the surprises that are coming from Vyuh Framework. Stay tuned!

Hope you enjoyed this article!

Ref: Vyuh Framework

Top comments (0)