Use Supabase with Flutter
Learn how to create a Supabase project, add some sample data to your database, and query the data from a Flutter app.
Set up a Supabase project with sample data
Create a new project in the Supabase Dashboard.
After your project is ready, create a table in your Supabase database using the SQL Editor in the Dashboard. Use the following SQL statement to create a countries
table with some sample data.
Create a Flutter app
Create a Flutter app using the flutter create
command. You can skip this step if you already have a working app.
Install the Supabase client library
The fastest way to get started is to use the supabase_flutter
client library which provides a convenient interface for working with Supabase from a Flutter app.
Open the pubspec.yaml
file inside your Flutter app and add supabase_flutter
as a dependency.
Initialize the Supabase client
Open lib/main.dart
and edit the main function to initialize Supabase using your project URL and public API (anon) key.
Query data from the app
Use a FutureBuilder
to fetch the data when the home page loads and display the query result in a ListView
.
Replace the default MyApp
and MyHomePage
classes with the following code.
Start the app
Run your app on a platform of your choosing! By default an app should launch in your web browser.
Note that supabase_flutter
is compatible with web, iOS, Android, macOS, and Windows apps.
Running the app on MacOS requires additional configuration to set the entitlements.