FlutterFlow & Supabase – The 2025 Mobile App Course

Name: FlutterFlow & Supabase – The 2025 Mobile App Course
Rating: 4.5 (188 reviews)

Mobile app development. Build both the frontend and backend of your app

Bestseller

Highest Rated

Created bySebastien Morelle

Last updated 10/2025

English

What you'll learn

Becoming proficient in Flutterflow
Becoming proficient in Subabase
Understanding how to use Supabase in you Flutterflow Project
Advanced features within Flutterflow

Course content

5 sections • 54 lectures • 4h 7m total length

Introduction0:57
Create FlutterFlow Account1:19
Create a FlutterFlow account by entering name, email, and password, then access the dashboard and start a new blank project named flutter flow tutorial create blank to begin.

Rows and columns9:46
Explore building layouts with rows and columns in FlutterFlow. Learn to arrange images and text using padding, spacing, alignment, and scrollable options, and combine columns inside rows for responsive grids.
containers5:45
Backgrounds4:00
Learn how to set a background in a FlutterFlow app by wrapping a row in a container, adding a background image, and applying a white-to-transparent gradient across multiple layers.
Text Widget2:35
List Views1:37
Learn how list views improve performance for dynamic data by replacing a column of containers with a list view, enabling native scrolling and loading only visible items.
Button Widget4:02
Image Widget4:03
Stacking Widget3:50
Navigation Actions2:30
Form Widgets9:59
Appbar and Navbar4:24
Explore how to configure app bar and nav bar in FlutterFlow, adjusting height, elevation, color, and icons, centering text, and managing multiple pages with show nav bar.
Widget States1:24
Combined Text1:47
Conditional Properties2:53
Page States2:48
Learn how to manage page state in FlutterFlow by using a boolean is red variable, initializing to false for purple, and toggling the background color with two buttons.
App States3:27
Explore app states to share a boolean across pages, set defaults, update app state with actions, and drive color changes from red to purple on home and form pages.
Page Parameters3:21
Components4:55
Create and manage reusable components to streamline the user interface across pages, using parameters to customize text and color, and update all instances from one location.
Create a Custom Navbar7:55
Rating Bar Widget2:55
Bottom Sheet6:29
Custom Snack Bar6:00
Create a logout dialog as a custom snack bar, using a 250 by 150 container, a stack, and a button icon, triggered by three dots and aligned to the icon.

Save Text to Supabase3:39
Save Images to Supabase9:36
Create a post by uploading a picture to a Supabase storage bucket and folder, then save the image URL in the post record alongside title and description.
Query List From Supabase4:40
Query list from Supabase shows user-specific posts on the home page by filtering the post table by the authenticated user ID, with default images and fields like title and description.
Edit Text Data7:01
Edit Image Data7:59
Delete Data2:17
Edit and Read User Data11:04
Search & Dynamic Children7:37
Save Friends List5:22
Creating Views in Supabase5:01
Displaying Supabase View2:08
Display a Supabase view inside a friend's page by refreshing the schema and querying the friends view with the authenticated user ID to show each friend's name and profile picture.
Displaying Supabase View - Part27:45
Caching Data2:47
Caching Data - v21:20

Section Intro1:07
Create Google Maps API Key4:01
UX Set Up - Google Maps5:48
API Calls in Flutterflow6:05
Set up Google Cloud Account0:59
Search Address using Google API12:27
Save Google Maps Coordinates to Supabase6:20
Adding Map View to Home Page2:48
Custom Functions3:45
Loops in FlutterFlow8:50
Learn to pin user posts on a map by querying posts with location from Supabase, looping through results, converting to lat/long, and rendering markers in FlutterFlow.

Requirements

No programming experience needed.

Description

Have you ever dreamed of creating your own mobile app? Whether you’re building an app for your business, startup, or looking to kickstart a high-paying freelancing career, this course is for you!

Why FlutterFlow & Supabase?

Traditional app development is expensive and time-consuming, often taking months to complete. But with FlutterFlow, you can design, build, and launch fully functional mobile apps in days—without writing code! This powerful no-code platform enables you to create stunning apps with ease.

On the backend, Supabase provides a scalable, SQL-based database that makes managing user authentication, real-time updates, and secure data storage effortless. It’s an open-source alternative to Firebase, offering greater flexibility and control.

What You’ll Learn:

1) Build a complete mobile app from start to finish
2) Design and customize app components using FlutterFlow
3) Set up user authentication and manage user data securely
4) Integrate a fully functional backend with Supabase
5) Work with real-time databases and cloud storage
6) Deploy your app and bring your ideas to life

Who Am I?

I’m Sebastien, a tech enthusiast with years of experience in fintech and app development. I’ve helped countless people enter the world of mobile app development, and now I’m here to help you do the same.

This course is designed for entrepreneurs, freelancers, and aspiring developers who want to build professional-quality apps without spending months coding. By the end, you’ll have a complete, ready-to-launch app—and the skills to create more.

So, what are you waiting for? Join now and start building your dream app today!

Who this course is for:

Anyone wanting to learn how to make native app's.

FlutterFlow & Supabase – The 2025 Mobile App Course

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 2min

Flutterflow Foundations22 lectures • 1hr 36min

User Authentication6 lectures • 18min

Adding and retrieving data from your supabase backend14 lectures • 1hr 18min

APIs, Loops & Google Maps10 lectures • 52min

Requirements

Description

Who this course is for: