Introduction
As a Flutter developer, you're likely familiar with the tedious process of setting up a new project from scratch. Between choosing the right architecture, setting up state management, and configuring routing, it can take hours to get started. But what if you could scaffold a production-ready Flutter app in just minutes? Enter FlutterSeed, a visual Flutter app initializer that uses a node-based visual graph builder to export a fully functional Flutter project ZIP. In this tutorial, we'll walk through how to use FlutterSeed to scaffold a Flutter app with Riverpod and go_router in no time.
What is FlutterSeed?
FlutterSeed is a powerful tool that allows you to visually build your Flutter app's architecture, state management, routing, backend, and theme using a graph-based approach. With its deterministic generation capabilities, you can generate a production-ready Flutter project ZIP in minutes. FlutterSeed also offers a range of templates, including feature-first, e-commerce, offline-first, auth-only, and Supabase full-stack, to get you started quickly. The CLI tool makes it easy to initialize a new project, and the curated and custom flow options allow you to choose from a range of stack options, including Riverpod, BLoC, Provider, go_router, AutoRoute, Firebase, Supabase, and REST.
Key Features of FlutterSeed
Graph-driven decisions: architecture, state, routing, backend, theme as visual nodes
Deterministic generation: Graph to ScaffoldConfig to ZIP
Preset + custom flow: curated or pub.dev custom package nodes
CLI: npm install -g flutterseed-cli, then flutterseed init my_app
Templates: Feature-first, E-commerce, Offline-first, Auth-only, Supabase full-stack
Setting Up FlutterSeed
To get started with FlutterSeed, you'll need to install the CLI tool using npm. Here's how to do it:
bash
npm install -g flutterseed-cli
flutterseed init my_app
This will initialize a new Flutter project using the default template. You can then customize the project by selecting the stack options that suit your needs, including Riverpod and go_router.
Scaffolding a Flutter App with Riverpod and go_router
Once you've initialized the project, you can start customizing it to your needs. Here's an example of how to scaffold a Flutter app with Riverpod and go_router:
Customizing the Project
Select the Riverpod state management option
Choose the go_router routing option
Customize the theme and backend options as needed
Benefits of Using FlutterSeed
Saves time: scaffolding a production-ready Flutter app in minutes, not hours
Consistent architecture: ensures consistent architecture choices throughout the project
Easy customization: allows for easy customization of the project using a visual graph-based approach
Conclusion
In this tutorial, we've walked through how to use FlutterSeed to scaffold a Flutter app with Riverpod and go_router in just minutes. With its powerful visual graph-based approach, deterministic generation capabilities, and range of templates and stack options, FlutterSeed is the perfect tool for indie devs, startups, agencies, and enterprise teams looking to quickly set up a new Flutter project. To get started with FlutterSeed, head over to https://flutterseed.pro.bd and start building your next Flutter app today!
Originally posted from FlutterSeed
Top comments (0)