Build A Complex Supabase App w/NoCode (Comprehensive Tutorial)

00:00 Introduction
00:58 App Overview
01:31 Part 1: User Interface & Navigation
09:06 Database Design
13:51 Part 2: Database Creation & Initialization
15:12 Table Creation
20:16 Supabase Role-Based Security
24:32 FlutterFlow App Creation
25:50 Part 3: Authentication Setup
27:53 Part 4: The Homepage
45:12 Part 5: Creating Views
56:19 Part 6: Gig Details View
1:05:48 Gig Tiers
1:28:06 Part 7: Search Functionality
1:37:38 Part 8: Search User Interface
1:45:58 List of Categories
1:57:59 Part 9: Category Flow
2:06:00 Adding NavBar
2:07:58 Two-tier Category Display
2:09:39 Gig Listings
2:15:04 Part 10: Order Management
2:31:13 Order Status Screen
2:34:22 Part 11: Chat Flow
2:42:41 Chat Messages View
2:52:11 Part 12: Product Order Flow
2:56:11 Confirmation Page
2:57:30 App Walkthrough
3:00:18 Final Thoughts, Tips & Advice
3:03:58 One Last Thing

[miguelbelviince]

Hi James, really love your videos you have very insightful content, but I think you cut too much, try to show us all the process and mistakes so that it's easier to follow and in the bigger picture gain a wholesome learning experience...not blocking the actions would be great too

[zzeoleg]

Great video. Few notes:
- Took me 1 hour for every 10 minutes of video
- James skipped some info, but not too much. Just enough to learn by myself without being blocked
You are a great teacher. Please continue. This is amazing
Note that this is my first attempt to learn flutterflow and supabase. I have some knowledge of relational databases (Microsoft Access).
Conclusion: It is possible to build great apps using flutterflow and supabase.
- For web apps, just create different pages for web users, based on the same supabase. This way it will work well on both mobile and web. James please confirm my understanding.

[random-yzlk]

Thank you! I know it's too much to ask, can you please make a separate video to show how to connect/disconnect and how to query many to many relationships using supabase? I think a lot of nocoders are finding it frustratingly difficult.

[kojiroikeda]

Great videi, great sharing. i spend a long time to clone your app, but through the proccess. i think i became confident to build a simple app like this myself. you are SUPA!!

[alanmax]

Best of the Best! Thank you very much, James!!!

[rabbiepiamonte]

add view is like a query in microsoft access

[xBerto]

Thank you so much! Could you do a supabase + Flutterflow for idk e-commerce or a coffee shop or something. The main thing I keep scratching my head about and can’t seem to find a video on it is an e-commerce site but orders are picked up or curbside. So how would I go about managing inventory in different locations ? Like if a user selects location A I want them to only see the available items at shop A. But how would that back end look? 😂

[neanda]

there is a way to filter if the field is Null, the Relation should be 'Is', then Null.
btw James, i love your vids, i've learnd so much, thank you

[StephenFlournoy]

James, awesome vid. I'm struggling however to find out how to do sums from a list in Supabase. Aggregate totals from a list? Any chance you've done that in a video I can watch? Your method of teaching and explaining rocks.

[tanmaysharma]

Is there a way to connect other schemas to FF, other than tables in public schema of Supabase?

[latijr]

This is a great tutorial. Thank you.
Just a note regarding the payment feature for a gig, how is that implemented? Sorry I did not watch it from start to end yet but so far so good.

[sparg]

very insightful content! iIs it any way to make PUSH notifications with supabase? I want to inform the owner of the shop (inside the marketplace) to get informed when a new order arrives.

[wescarnegie]

Good stuff James! Thank you for sharing this knowledge.

I'm lost at 36:56.

You remove the constraints on the image, change the box fit, however I can see it go back to the original selection, after a cut. I am still with you at this point. The image is filling the horizontal space, "Hello World" is at the top left, there is empty space below. Then it cuts and the image is not filling the horizontal space and "Hello World" is on the bottom left. What happens here?

[td]

Is creating views necessary? Can't we reflect data directly from the table?

[muadzrosli]

Hi James. I just discovered your channel. Great content! One thing I wanna know is what software do you use for the creating flow early in the video? Interesting app to use.

[nacdac]

I followed all your videos but
Why am I still unable to access the patreon page?
Please help me by giving me the link. Maybe I have the wrong link.

[LownGeneral]

Hi James, nice video you made!
when following your tutorial Im stuck in search function, I got error on searchResultPage ( red with yellow text ) showing " NoSuchMethodError: 'toList' dynamic call is null. Receiver " Website ) I believe the search query is work but error when display to list.
one thing I notice is on json path, on your video is show "custom" and $.name but the new FF there is no custom also the path for gigs name is $[:].name ( from API test ).
can you enlighten me.
thank

[amnamoten]

1:57:06 how do we get the number of available gigs on the gig category card?

[emmabasseyokon]

Nice and awesome content James but I think you cut too much, try to show us all the process and mistakes. As we are trying to build along.

[jimvh]

Hi James, sounds like another great video I would like to watch! Tx!! You always make very interesting apps 😊👍 Does it cover how to show data from 2 related tables in 1 listview? Curious how to do that. Would I have to build a query in Supabase combining the data for that first and reference that from Flutterflow?