Build A Complex Supabase App w/NoCode (Comprehensive Tutorial)
Вставка
- Опубліковано 23 лип 2024
- ► Exclusive NoCode Content, Tutorials & Support: / jamesnocode
► Comprehensive FlutterFlow Training & Private Community: masteringflutterflow.com
► Comprehensive Supabase Training & Private Community: masteringsupabase.com
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 - Навчання та стиль
👍VIEW/CLONE THIS APP (and all my NoCode apps), and get access to live streams, Q&As and an exclusive behind the scenes content, in-depth masterclasses and support my work: www.patreon.com/jamesnocode
👍GET MY NEW TRAINING - MASTERING FLUTTERFLOW: masteringflutterflow.com
Best of the Best! Thank you very much, James!!!
Thank you for the wonderful video!
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!!
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
thanks James. good one
THANK YOU!!! YOU ARE GREAT!
fade is on POINT today bro
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.
Amazing 🤩
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.
Yeah, good one ☝️ Had been trying to learn this on my own but no much progress
when you say many-to-many, give an example of what you mean
@@designerelise all movies can have many genres and all genres can belong many movies at the same time.
1 word... AMAZING 😮😊❤
Thanks!
Excellente vidéo
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? 😂
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?
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.
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.
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?
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.
Is there a way that a buyer or seller can see a different dashboard/pages based on their role?
Is there a way to connect other schemas to FF, other than tables in public schema of Supabase?
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
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
The way we use view in supabase....what's the process to achieve same result in Firebase?
How to do Authorisation like 3 different type of users and their respective screens using supabase auth?
1:57:06 how do we get the number of available gigs on the gig category card?
I‘ve watched your other video on how to create a chat with flutterflow and supabase, but in both the user won‘t get any Updates until he refreshes (idk how this would work in a real app) but this is a really bad user experience. When I imagine I would have to reopen whatsapp everytime i want so the messages that ive got, it would be horrible. Is there a Solution with supabase and flutterflow to push/send new messages into the chat? So when both are actively sending messages to each other, they can See them immediately?
Great content as usual 👍👍👍
Do you actually accept project or mentoring inquiries?
Is there a way to get in contact with you or book a consultation?
Please show us how to use MAPS with supabase, maps like airbnb
Is creating views necessary? Can't we reflect data directly from the table?
SUPABASE YAAAAAAAS
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.
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.
I need top implement payments aswell
I am using Stripe Connect, I'm in the US. You will need a payment processor that will route payments - partial to you, remainder to the provider. This also requires a payments table connected to your orders table (a view to display everything as finely as you wish) so that you can display payments and statuses in the app.
Hi , please i need your help . Im working on a project and im stuck with something .❤
how to connect this app with Azure Open AI Studio?
Hi James, can you please send me your rate card? I need to connect mu design to database
hi im new to using flutterflow but i know to code in flutter a little and i wrote a custom widget a custoum datatable and when a add it to the page it renders a gray widget just gray taken the with and height of my widget what can i do
when you are in the "test" version in the emulator - open dev tools in your browser and examine the output - the debugger will output the info that is creating the issue
where is the clone for this app link in Patreon? I don't see it.
Found it. It has a different title in Patreon for anyone else looking: "Build a freelancer platform with supabase".
This error is taking place when creating a foreign key for user auth. The user table id is int8, and the auth schema is uuid, supabase states these cannot be related with a foreign key.
I'll answer this for anyone else who runs into this as I ran into it too - any foreign key on the user auth id uses the data type a "uuid" not the normal int8
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.
Am I the only one getting a delay between the sound and the video? (Otherwise great stuff as usual James!)
please do more tutorial using supabase. Firebase is not good for complex app and also it's expensive.
Build an app where peoples who joined certain event can chat with one another. (group chat)
James no code but have code at 48:45 =))))
But Why use Supabase over Firebase???
so many reasons - the search filter is amazing, the API is amazing, the relational db is tried and true its just on steroids now and can be in REAL TIME ... just amazing