Using a #Supabase API within #FlutterFlow #nocode

In this video I walk you through a simple demonstration of using a #Supabase API within FlutterFlow. Firstly we create a Supabase table and populate with some sample data. Next we quickly relax some security rules and then commence hooking up the API to elements within the #FlutterFlow UI.

Please do like and subscribe to my channel for more upcoming no-code content.

00:00 Introduction
00:40 Accessing Supabase
01:57 Creating the Supabase table
02:59 Adding Data to our Supabase table
04:08 Setting security rules for our API
04:52 Reviewing our API details
06:00 Preparing our UI within FlutterFlow
07:01 Setting up our backend API call
08:34 Hooking up our labels with the right content from our API
09:53 Previewing our sample app
10:18 Outro

_____

(official launch in September, but welcome to join today 😉)

🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.

[cansvaran]

Hi, nice video for showing what Supabase is capable of doing but are you aware that there is no "defining API call" section even though you say we defined earlier. You just built UI and linked API call but you didn't show how it's linked with Supabase.

[MuriloRavani]

Dude, you missed the most important part that is creating the API Group inside FlutterFlow :(

[williambabeaux]

Really nice video! Thanks for all the knowledge and for the effort that went into editing the content so nicely. Small request for future content: in a lot of these demos we disable RLS policies (or just give insanely broad permissions). I'd love to see how to properly set them up. Thanks again!

[td]

is there a completed version of this video? because that's the most important thing.

[rahuljiyer]

Really helpful video thanks..
If possible could you make another video regarding the api call part and add it to the description... Thats the only part im having trouple with now

[clintcrowe]

Great videos Bill. Have gone through many of yours. As with others, I am struggling with setting up the api call in Flutterflow with Supabase. I need to add authentication and not sure how to do that. Watched the ChatGTP video you put out and that was close I guess but not sure if its the same model. Did you do another video that shows how to set up the api call with Supabase?

[richardsloan]

What are the main benefits or "trade offs" in using an API call to get data from Supabase instead of using the built in Supabase Query in flutterflow?

[lyf]

to setup API connection in flutterflow you need the API key (shown in the video on how to get the key)
add a get request in API section with the link showed in the video
second add a header
1. apikey:<<your api key here>>

[avito]

Hello getting an error: getting Supabase schema API response could someone help?

[KONDORPA]

How to add numbered pagination in grid view with supabase query/API?

[yadercenteno]

Is there a way to make it real time like Firebase has? I think there are some cases like live baseball Scoreboard or any othe sport that need realtime DB

[williamsalazar]

how to get all open api schema to import in flutterflow?

[AshjanAlqahtani]

hi, how can I use supabase authentication for email and password with flutterflow pleas help??

[wescarnegie]

You're missing a critical step. We need to see how to create the API Call in Flutterflow. Could you please add it?

Otherwise this is a beautiful video.

[RazvanMitreanu]

This is a thumb down from me dude. I watched multiple times this video thinking I missed the part where you set the api call in flutterflow. Jesus.

[piwowonivo]

What a waste of my time. The only important part of the video, which is creating the API in FF, is not in the video.