How to Set Up
Vložit
- čas přidán 4. 08. 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. - Věda a technologie
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?
Hello can you plz help me in this , i have step everything like shown in this video but but insert row action is not working and also after authentication it stays on that sign up page and doesn't navigate to next page. According to your comment i have deleted the table and created new table again but still same problem.
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.
Most awaited update :D !!!
will be waiting to call 'functions' instead of updating/inserting into tables
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!
Awesome! Thank you for always sharing..
Thank you so much, can you please keep going with this?
Excellent Tutorial - I now have a base project setup to further customise and work on
Thanks man! this is helping a ton!
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().
Great update
Great tutorial, thanks
We want login and some more supabase. This is dimple that firebase to be honest. I love it
Thank you Ted Danson 👌
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.
great awesome
When can we expect social auth like Google Facebook etc?
What about multi-tenancy use cases where users can belong to multiple accounts? Does this process still work? If so, how?
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
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?
I created the user in auth user table but it didn't appear in my public user table?
nice :)
🔥
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.
What’s the timeline for including social media authentication, @flutterflow team?
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?
When I click create account on my app, the account shows in Supabase, but I am not navigated back to the dashboard...
Great! Please show how to log a user in that is already created! Thank you.
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!!
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? 🤷♂
Please how do I get the JWT which keep expiring refreshed for once.
is there a way to address this challenge
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
Is there any plugin or way to integrate a login with active directory?
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.
can u seperate feed for different user.....like one feed for one user
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 ....
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🤔
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
9:12 Cloud SQL and SQLite. Wow
Save for later.
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
At 12:01 - My user ID from authenticated user shows up as red and not accessible. What could be the reason for that?
How can I display the first name entered in the logged in screen?
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.
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 czcams.com/video/LjRZUz_aUVc/video.htmlsi=F9Td2c4UDQJD8Oxx
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
hello flutterflow team, hope you are doing great. i am facing some problems. i have setup everything like you have described in this video but im facing some issues. authentication is working fine and im getting record in authentication in supabase but im not receiving entry in user table, means my insert row in supabse function is not working. 2nd after insert row in supabase i have navigate function to navigate user to registration page but in test mode that one is also not working and it stays on signup page in test mode. Kindly help me out. thanks
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
is apple signup via supabase planned?
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..
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.
How does the email verification work?
Does someone know how to enable email verification?
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.
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?
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
Tutorial Simple search with supabase in flutterflow..?
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.
SQL Lite? ❤😮🎉
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!