Build A Business App with FlutterFlow, Supabase and BuildShip From Scratch (Step by Step Tutorial)
2,881
Published 2024-07-19
► Comprehensive FlutterFlow Training & Private Community: masteringflutterflow.com/
► Comprehensive Supabase Training & Private Community: masteringsupabase.com/
00:00:00 Intro
00:01:00 Part 1 - General App Architecture
00:07:18 Part 2 - Supabase Schema
00:10:51 Supabase Setup
00:24:34 Adding RLS Policies
00:27:04 Part 3 - FlutterFlow Setup
00:29:40 Part 4 - Creating Sample Data
00:42:46 Part 5 - Sales Pipeline
00:43:27 Sales Pipeline (cont.)
00:50:54 Part 6 - The Deal Flow
00:56:27 Drag and Drop Deals
01:14:28 Part 7 - Task Management
01:17:22 Setting Up Supabase Auth
01:17:35 Creating The Login Page
01:19:52 Setting Up a Nav Bar
01:22:31 Delete Task Functionality
01:23:44 Edit Task Functionality
01:46:28 Part 8 - Reassigning Task
01:47:32 Creating a User Extension Table
01:59:22 New Task Flow
02:13:52 Part 9 - Contacts Flow
02:21:14 Delete Lead Flow
02:32:06 Add Lead Flow
02:36:16 Part 10 - Integrating Tasks and Leads Management
02:38:23 Go to the Lead (From Tasks)
02:43:03 Creating a New Task (Via a Leads Page)
02:46:47 Part 11 - Messaging
02:49:15 Bring Leads as Users (Big Refactor)
02:57:00 Refactor FlutterFlow UI
03:11:56 Part 12 - Chat
03:15:40 Building Out Chat UI
03:22:33 Part 13 - Chat Message Screen
03:32:43 Part 14 - Creating New Chats
03:35:59 Creating a New Chat Record
04:03:17 Part 15 - More Chat Fixes
04:07:03 Disabling New Chats When No Users Left
04:17:30 Part 16 - Revisiting Sales Pipeline (Deals)
04:26:09 Part 17 - Fixing Create New User Flow
04:28:15 Using Buildship to Create Supabase Trigger(s)
04:31:34 Part 18 - Add User Flow (Continued)
04:39:44 Adding the User Profile Page
04:41:21 Advanced Supabase Debugging
04:44:55 Part 19 - Dashboard
04:57:46 Part 20 - Creating a Specific App for Leads
05:01:07 Creating a Separate App
05:08:51 Get More Content (View and Clone This App)
All Comments (11)
-
👍VIEW/CLONE ALL MY NOCODE APPS + support my work: www.patreon.com/jamesnocode 👍GET MY NEW TRAINING — MASTERING FLUTTERFLOW: masteringflutterflow.com/ 👍GET MY NEW TRAINING — MASTERING SUPABASE: masteringsupabase.com/
-
Hello James, Thank you very much for your video. I haven't finished watching it yet, but what I've seen so far has been very well structured. It is also very helpful that you are now naming the chapters correctly. There is one thing I would still like to see. It would be great if you could show a short preview of the finished app at the beginning of the video. I think that would make it easier to understand many things like the database structure, etc. It's sometimes a bit difficult to understand why you decided what you did, even if you explain it. Sometimes it's easier to see what the finished product looks like. Many thanks for this great videos! 👏👏👏
-
Hi James, Please make a video on how to integrate google adsense and other networks into flutterflow code, that would be really helpful and valuable for all!
-
I love you James! Thanks for share your unvaluable Knowledge!
-
Master 🙏❤️🇦🇴 one love
-
This Are great tutorials. I would love to see an example when you create the users outside of supabase. This flow seems fine for small deployments, but if you are letting users sign in the processes would be more complex and involve more validations. Would be great to see your approach on this!
-
HOw about a POS with Inventory Management system for Restaturants and Groceries etc?
-
just started, but so far it's just a marvelous video. A couple of questions: can I start with this example if I'm not familiar with Flutterflow and Supabase? And what tool do you use here for planning and presentation?
-
Could you make a video on how to integrate Machine Learning model in FlutterFlow?
-
You over complicated the messaging thing the way i did it: i juste created a chat document with owner==reference(user) and a list of messages inside this way the chatroom is unique to a lead and you can send messages to each lead… this way you can querry the user's details by querying the owner and your own details by querying authenticated user… simple and straight forward
