How to Set Up
HTML-код
- Опубликовано: 5 июл 2024
- In this video, we learn how to set up @Supabase with FlutterFlow, including how to structure user tables and link them together. We start in Supabase, creating a new project and setting up tables for users and posts. We then jump into FlutterFlow, connecting to Supabase, setting up authentication, and creating logic for creating accounts and posting. By the end, we have a fully functional app that can create accounts and post content to Supabase. Join us to learn how to set up Supabase with FlutterFlow and streamline your app development process!
Learn more about Supabase: supabase.com/
Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com
Follow us on Twitter 👉 / flutterflow
--------------
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life. Наука
Awesome tutorial! Please can we keep the superbase tutorials coming?
just to keep in mind, when you create the user table make sure that you switch the type of the id to uuid before saving the schema. As if you don't do it will through an error when you make a foreign key relation and you can't change it afterward as you have to create a new table!
thanks so much mate thanks alot have been stock on this for days........🎉🥂🥂 do you have your personnel youtube channel so i can suscribe 😂
This saved me! thanks
I got stuck on this and had to figure it out myself because I never scrolled down to read the comments 😅
Why not create a new column say fk_auth_users_id of type UUID for foreign key?
Finally we've got Supabase auth. :) thank U Flutterflow team
Wow.
This integration is surprisingly useful and dreamy.
I will make my own app by using both.
Thank you so much, can you please keep going with this?
You explained both Supabase and FlutterFlow clearly. Thank you so much. I appreciate the way you explain things. You are a great teacher 💯👏
Thanks so much!
Most awaited update :D !!!
will be waiting to call 'functions' instead of updating/inserting into tables
Thank you.
There is no need to set the created_at field in Flutterflow because Supabase is already configured to get Default value of now().
Excellent Tutorial - I now have a base project setup to further customise and work on
Awesome! Thank you for always sharing..
Is there a way to get the access token / JWT from the logged in user? This would be used for RLS security situations and custom APIs.
Thanks man! this is helping a ton!
We want login and some more supabase. This is dimple that firebase to be honest. I love it
Thank you Ted Danson 👌
Great update
Great tutorial, thanks
When can we expect social auth like Google Facebook etc?
In case I wanted ti use supabase, is there a possible way to do notifications? if not can we also use firebase just for notifications or do we have onesignal integration to use for notifications?
What about multi-tenancy use cases where users can belong to multiple accounts? Does this process still work? If so, how?
Also we need in Push notification without firebase. For example with supabase
Hello and thank you I was hoping you would have a video of resetting a password while using "Supabase" & Flutterflow.
I created the user in auth user table but it didn't appear in my public user table?
great awesome
Thank you for this video. Really useful!
Just something I don't understand is: why if we don't uncheck the email verification (confirm email) in supabase then the record in the users table is not created? 🤷♂
Is there any plugin or way to integrate a login with active directory?
Please how do I get the JWT which keep expiring refreshed for once.
is there a way to address this challenge
What’s the timeline for including social media authentication, @flutterflow team?
can u seperate feed for different user.....like one feed for one user
8:00 There is mention of setting up the email confirmation logic inside flutterflow if we want to maintain the confirm email workflow. I can't find any videos or documentation on setting up this logic inside Flutterflow. Can anyone help?
Great! Please show how to log a user in that is already created! Thank you.
Hi!
Thank you for your video.
I have a question.
How can I check if an email account already exists when registering again?
Flutterflow does not return any message stating this.
In Supabase it is already configured to not allow duplicate data.
Ty for the tuto but i can't make it work with policies. That would have been really nice to add policies config to this video because it's about auth... and there the API is wide open for any CRUD of our user data ....
SupaBase not creating user record in Public 'User' table
Hi, in the test mode for my app in Flutterflow, when I click 'Create Account', it comes up with ' Error: Database error saving new user'. Any help on how I can solve this and what I am doing wrong? Thank you!
And about changing the password? Please, Help!!
Very well explained but would be great if you can share video for
1. Admin module and client module under one login screen if the use is admin, it should redirect him to admin page and if client then client module
Also once Authorized from the firestore/Superbase by admin via the admin dashboard then only the client can login -> Firestore/super base-> Admin Dashboard -> users 1. Create /Send password etc basically the admin page for Firestone and supervise within the app from one login page users
When I click create account on my app, the account shows in Supabase, but I am not navigated back to the dashboard...
Could you please do a video on how you can use Firebase Authentication within FlutterFlow and then make use of OAuth to sign users in to the Supabase database? This would make sense from a security perspective as that would enable you to store all PII in the Google Auth database and transactional data in Supabase. Could you please assist.
is apple signup via supabase planned?
🔥
9:12 Cloud SQL and SQLite. Wow
nice :)
Am i the only one that thinks FF should've just chose Supabase from the beginning?
Firebase while "cool" was not the right choice in my humble opinion
Well Flutter is from the Company that owns Firebase. Maybe that could be the reason to begin with it.
@@SantoshPatil-jv7jr yep they will always make firebase look more superior with features
Save for later.
Can you share role based authentication video if logged in with Admin credentials should navigate him to -->Admin dashboard and if authenticated with client should navigate to Client Dashboard
I would bet that would be in the logic structure - an additional action that checks roles or create a component that's checks on page load🤔
Possui vários problemas ainda... 1 - feche o app e reabra e veja que ele perde o usuário Autenticado. ele não mantem o usuário autenticado. 2 - mesmo após autenticação o relatime do Supabase não funciona no FF... É preciso corrigir esses erros antes de lançar Supabase para FF...
Hello, thank you so much for your presentation. I have difficulties to enable password reset on supabase from flutterflow. It seems, after i run the Flutterflow Supabase Auth feature to reset password, supabase will send email with the link. However the link will lead to localhost url. Would be helpful if you can help to show how to reset password? Thank you
This may help you it mentions the localhost URL and how the template needs to be adjusted I'm just starting to get into it myself, definitely love Supabase ruclips.net/video/LjRZUz_aUVc/видео.htmlsi=F9Td2c4UDQJD8Oxx
How does the email verification work?
Awesome, this is what we want
but I see there is an issue with this, after login it does not stay in the login screen like it does for firebase.
Can we expect social Auth like Google, Facebook with Supabase?
Literally the only thing that mattered about this was the extra provider auths and the only thing they didn’t add. Such a waste.
@@maskedvillainai lets wait for more features to come, but I don't think Supabase email auth is not working as expected.
@@vineeth.vijayan314 5 month and still feature is not added
At 12:01 - My user ID from authenticated user shows up as red and not accessible. What could be the reason for that?
I hope this will be answer sooner.
How to run the flutterflow code with supabase to vscode?
I didn't saw any tutorials about this. I hope this comment will be notice. Thank you.
11:00 Best practice is to add a trigger to the auth.users supabase table.
Let the backend do his job, isn't it made for this !
Ok, adding SQL language will be a bit to much for a first introduction video, but a quick mention in the video would have been nice. ( same goes for RLS )
Agree about the trigger but its more advanced than just doing it on the front end.
How do we make this trigger? Non-tech here
Does someone know how to enable email verification?
Great tutorial. However I got stuck with this error following the steps in the video when adding and linking the database - Failed to update column "id": failed to update pg.columns with the given ID: cannot cast type bigint to uuid. I understand what the error is - bigInt does not link to the uuid field but not sure how to fix this.
Me too. Have you found a solution? I am stuck.
just to keep in mind, when you create the user table make sure that you switch the type of the id to uuid before saving the schema. As if you don't do it will through an error when you make a foreign key relation and you can't change it afterward as you have to create a new table! @ksanand80ify
Instead of the Int8 type use uuid type when creating users table
I follow exactly same steps. But insertion to public.users table failed but auth.users success.
Where does that "User ID" come from under "Authenticated User" dropdown? does it auto-generated from auth.users?
pls help
I believe you have to make an adjustment to the non-auth-user table changing the is type to uuid that relates back to the aut-user table 🤔
i have exactly this issue too
Hey why don't you guys show examples of auth with other suppose providers besides Google!!!! The other options don't show up as login options in Flutterflow action, even after being configured in sup abase side.
Hello FF my question is how to make possible doctor appointment multiple web & mobile application features for (video conference live chatting location tracking & timeing select in our out
they usually just add the essential features. For example, there is a push message feature, but data messages cannot be sent... etc..
Tutorial Simple search with supabase in flutterflow..?
Hello, I did everything step by step but when configuring the action to send the data, the ID appears in Red (disabled) what could it be?
I have the same problem
Did you find a solution??
@@manelrastrollo1193 I did find a way to do it by creating a new page and adding the widgets one by one, not using that template.
@@DeSofSistemas Thanks! All working now
I have copied this video to its entirety however I am getting an error saying that the email is in the wrong format when I try to sign up. Why is this?
SQL Lite? ❤😮🎉
I have a doubt, where's the password? you didn't add the field to users table but you have it in the create account in flutterflow.
Now could you make a video on password recovery? Auth?
Solution: you need different field names for email address and password compared to those you would create an account with.
I also need a guide on password recovery
It does not work. 1 - Does not keep the User authenticated. close the app or press F5 and a new Login will always be necessary... 2 - Supabase Realtime does not work, even with the user authenticated, Supabase realtime does not work in FF...
Inútil ! feche o app e abra novamente. ele perde o usuário autenticado. e será necessário autenticar toda vez que iniciar o app. além disso o relatime do supabase mesmo autenticado não funciona. é preciso corrigir esses erros antes de anunciar o uso do Supabase para o FF...
Amazing video as always
Have you seen a way to access the current user access token (JWT)? Thinking that Supabase must be storing that somewhere, and handling refreshing etc.
@@naturalmoodmusic42 There should be a way. I haven't looked into it yet.
@@flutterflowexpert I agree there should be a way... I haven't found it yet, and don't think it is a "native" feature yet maybe; so maybe need to grab it somehow through customer code / action like we used to have to do before component state was a thing... I'm still looking!
@@naturalmoodmusic42 I will write that down and see if I can do a video about that.
@@flutterflowexpert that would be amazing; sounds like you might have figured it out already? thank you!