If you are enjoying this video and wish to support me why not join The Digital Pro's NoCode Academy on Patreon? Please visit www.thedigitalpro.co.uk/patreon. All content is ad-free for your viewing pleasure but more importantly supports the building of further engaging content across both RUclips and Patreon. Thank you everyone and enjoy the content.
Hey Steve! Very great tutorial. I managed to reproduce exactly the same in my project and it is perfectly working, thanks for your very good teaching skills. Two remarks about the Terminal that may be useful to others: - the "supabase login" command automatically generated the token for me from the Terminal (magic!) - the "supabase functions deploy delete-user" command required prior installation of the Docker daemon
@@the_digitalpro I experienced the same things. So 2 small updates but other than that all is still valid as per august 2024. So no need for a manual creation of a token anymore, it will just ask you to press enter, which will open your browser, ask to login to SB and it will then in the back generate the token and use it to authenticate all by itself. No need to copy paste anymore. For deployment the docker desktop is required.
Thanks this was very helpful! May I request to have a tutorial for favourites on Supabase? When we click the HEART on a listview menu, it adds that item to the user's favourite list. On favourites page it then lists the items favourited. Thanks in advance!
Great video thank you ! I want to add that for windows, I had to user scoop to install supabase and also docker to able to run it and deploy the function
As a admin user logged in to the app I would like to create other users for the app and assign roles from with in the flutterflow app. What would be the steps to achieve this in Supabase
Sure typically you would ideally show a message to the user that there has been an error deleting your account. Remember the Edge Function will return a 400 status message if there was an error. You just need to gracefully handle that within FlutterFlow. With this type of operation you would hope that you would not get an error because the authenticated user is active. Of course there could be other edge case scenarios.
hello; thank you so much for the Tutorials, so now sir i need to send OTP, How can i do it ?! i need a user to sign in with gmail, but to gain access to the data, they have to fill in phone number and then OTP
Most of the commands will be the same. It's only the command you need to install the Supabae CLI using NPM. On the Supabase document page I showed in the video early on shows the command.
Hello. I do plan to do a video but it's not as straightforward to do in FlutterFlow. I am guessing this is the reason there is very little information around about it. I will revisit it because a number of people are asking the same question.
Hey, steve....its great and fabulous video. Keep up your good work. We need a quiz app video series. Where we can update topic basis or category basis questions from firebase and we can post regular basis various article, blogs etc for readings by users so that they can prepare themself for the quizes. Thanks advance for your valuable time. 0:030:03
I totally agree on this and I have some ideas on my radar although personally I would prefer to use Supabase instead of Firebase. BUT with the right level effort I could perhaps to two examples using both backend services. Needs careful thought though.
Hi! Thanks a lot this was my inspo for starting to use the edge functions. I am still struggling a lot with them and I am curious do you know by any chance how to add a new column in auth table. It is locked so I assume I need to use other ways to add something to the auth table. I want to create like a type of user and filter them by this type and I don't want to use public table I want to use auth table for this purpose. Any suggestions?
Hello. Thank you. This is quite a tricky thing to do directly within FlutterFlow. Typically I have done this previously by sending an email which the users then clicks a link which then redirects to a separate web application for the user to change their passwords. I am not stating this is impossible but I need to explore the art of the possible as I've not done this directly myself in FlutterFlow. I'll take a look.
One more thing about I'm highly confused is images. I can upload images in supabase bucket and get URL using flutterflow actions as well and then I update that url in my postgress supabase table. But when I see it in query it shows blank. Because in supabase we have to get URL manually for each images upload. That's kind of tricky. Can you please make a video about that?
@@the_digitalproI am struggling with resetting passwords as well, like my user forgot the password and now they only get one time recover link, but it only get them logged in, not reset their password 😢
You don’t need an api group. You can make an api call without the group and that will work just as well. However, you’ll need to add the info of the api group in the api call itself then. The group is just there in order for you to add for example your authorisation only once instead of in every call separate.
Hi can you plz make a video on how to delete profile pic also from supabase using flutterflow, i mean if a user update his profile pic then older pic should be removed permanently and then upload new profile pic, in my case old pics are not getting removed and the new pic also stored in supabase bucket. so tell me how can remove older profile pic. thanks
Hav you found a way to let the user in my FlutterFlow app, chnage there password? Or if the have forgotten there password, then recieve a new password? Thanks! :-)
Hello sir, Great tutorial, love the content. I have one question, almost everything works with me. I even get the invocations from my edge function, however the account is not deleted. I have used the option cascade for deleting the account. Do you have an idea how thats possible?
@@adhdadventure Hello I have currently fixed the issue for me. I will tell you what worked for me, three things. My file delete-user was not located on the right spot in my files, make sure when you deploy the function it is located in the proper place. Second make sure that deno install in your vs-code and it is enabled. Third make sure Docker for Desktop is open when you use supabase deploy function delete-user. This worked for me.
Dear sir, Thank you for an amazing content. I'm really need your help, I didn't use Flutter Flow in my project. This is how I invoke edge function in my project: - await supabase.functions.invoke( "delete-user", headers: { 'Authorization': 'Bearer ${supabase.auth.currentSession?.accessToken}' }, ); but it show an error prompting: -FormatException: Unexpected character (at character 1) And I follow you everything about implementing the supabase CLI including the index.ts and cors.ts and deploying Please help me, I'm looking forward to hear from you soon. Thank you sir.
If you are enjoying this video and wish to support me why not join The Digital Pro's NoCode Academy on Patreon? Please visit www.thedigitalpro.co.uk/patreon. All content is ad-free for your viewing pleasure but more importantly supports the building of further engaging content across both RUclips and Patreon. Thank you everyone and enjoy the content.
This supabase series covers specific use cases really well. Honestly can't thank you enough!
You are very kind thank you very much.
Thank you, Steve, for making this video. When no one else on the internet is covering this, you are. Appreciate it!
My pleasure! Thank you Ryan!
Hey Steve! Very great tutorial. I managed to reproduce exactly the same in my project and it is perfectly working, thanks for your very good teaching skills.
Two remarks about the Terminal that may be useful to others:
- the "supabase login" command automatically generated the token for me from the Terminal (magic!)
- the "supabase functions deploy delete-user" command required prior installation of the Docker daemon
Thank you very much for you kind updates. Appreciate it.
@@the_digitalpro I experienced the same things. So 2 small updates but other than that all is still valid as per august 2024. So no need for a manual creation of a token anymore, it will just ask you to press enter, which will open your browser, ask to login to SB and it will then in the back generate the token and use it to authenticate all by itself. No need to copy paste anymore. For deployment the docker desktop is required.
I'm at the 6th minute and I've been getting a lot of errors. I've been dealing with this for days.
Thank you for this excellent tutorial! Really saved my life
Great you are really welcome. Thank you for dropping a nice comment. It means alot.
Thanks this was very helpful!
May I request to have a tutorial for favourites on Supabase?
When we click the HEART on a listview menu, it adds that item to the user's favourite list.
On favourites page it then lists the items favourited.
Thanks in advance!
Great video thank you ! I want to add that for windows, I had to user scoop to install supabase and also docker to able to run it and deploy the function
As a admin user logged in to the app I would like to create other users for the app and assign roles from with in the flutterflow app. What would be the steps to achieve this in Supabase
Did not work for me. The function seems to run but when checking the response body I just see the following JSON:
User deleted: {
"user": null
}
Did you solve it?
Yeah. The issue was in the databasen i had some relations to another table. So addes delete cascade and then it worked.
Amazing tutorial! Thank you! ♥
Glad it was helpful!
You helped me out a ton! Thank you!!
So pleased thank you so much.
21:51 can you clarify on how you would do error handling
Sure typically you would ideally show a message to the user that there has been an error deleting your account. Remember the Edge Function will return a 400 status message if there was an error. You just need to gracefully handle that within FlutterFlow. With this type of operation you would hope that you would not get an error because the authenticated user is active. Of course there could be other edge case scenarios.
Great tutorial! Thanks heaps :)
You are most welcome. Thanks for the comment!
hello;
thank you so much for the Tutorials,
so now sir i need to send OTP, How can i do it ?!
i need a user to sign in with gmail, but to gain access to the data, they have to fill in phone number and then OTP
Very well explained 👌 This video is one of a kind 😎
did it ask you to upgrade in order to create api group?
@@chetty1212 You need a payed version for api groups yes.
Thank you so much! We needed this! Do we use the exact same commands if we have a PC and are going through NodeJS instead of Homebrew?
Most of the commands will be the same. It's only the command you need to install the Supabae CLI using NPM. On the Supabase document page I showed in the video early on shows the command.
Hello and thank you I was hoping you would have a video of resetting a password while using "Supabase" & Flutterflow.
Hello. I do plan to do a video but it's not as straightforward to do in FlutterFlow. I am guessing this is the reason there is very little information around about it. I will revisit it because a number of people are asking the same question.
Checkout my playlist for further #Supabase + #FlutterFlow integration techniques! ruclips.net/p/PLCqeT4jze6ZfZR4c2bC0F4OvNXgAE7cti
This was super useful - Thanks
Hey, steve....its great and fabulous video. Keep up your good work. We need a quiz app video series. Where we can update topic basis or category basis questions from firebase and we can post regular basis various article, blogs etc for readings by users so that they can prepare themself for the quizes. Thanks advance for your valuable time. 0:03 0:03
I totally agree on this and I have some ideas on my radar although personally I would prefer to use Supabase instead of Firebase. BUT with the right level effort I could perhaps to two examples using both backend services. Needs careful thought though.
Hi! Thanks a lot this was my inspo for starting to use the edge functions. I am still struggling a lot with them and I am curious do you know by any chance how to add a new column in auth table. It is locked so I assume I need to use other ways to add something to the auth table. I want to create like a type of user and filter them by this type and I don't want to use public table I want to use auth table for this purpose. Any suggestions?
Hi sir. It was a fabulous video. Thanks for sharing. Can you please show us about changing of password with supabase?
Hello. Thank you. This is quite a tricky thing to do directly within FlutterFlow. Typically I have done this previously by sending an email which the users then clicks a link which then redirects to a separate web application for the user to change their passwords. I am not stating this is impossible but I need to explore the art of the possible as I've not done this directly myself in FlutterFlow. I'll take a look.
One more thing about I'm highly confused is images. I can upload images in supabase bucket and get URL using flutterflow actions as well and then I update that url in my postgress supabase table. But when I see it in query it shows blank. Because in supabase we have to get URL manually for each images upload. That's kind of tricky. Can you please make a video about that?
@@the_digitalproI am struggling with resetting passwords as well, like my user forgot the password and now they only get one time recover link, but it only get them logged in, not reset their password 😢
hi! If i want to use push notifications, am i obligated to use push notifications
No not all. If you plan to use them in the future but don't use them to start with no problem.
I love youuu digital pro!, thanks!!!
That is so kind ☺️
to create an api group it wants me to upgrade. any work around for free ? i cant seem to paste the api base url anywhere in the create api call
You don’t need an api group. You can make an api call without the group and that will work just as well. However, you’ll need to add the info of the api group in the api call itself then. The group is just there in order for you to add for example your authorisation only once instead of in every call separate.
@@jimvh7557 thank you so much i can successful delete user from flutterflow
Hi can you plz make a video on how to delete profile pic also from supabase using flutterflow, i mean if a user update his profile pic then older pic should be removed permanently and then upload new profile pic, in my case old pics are not getting removed and the new pic also stored in supabase bucket. so tell me how can remove older profile pic. thanks
How come you do not have to set the apikey for your Supabase in your API group? You only set the token. Time 19.00.
Perfecto!
Perfect ! Thank you !
Hy, I cant do it using npm
I receive error when run command supabase link --project-ref Message"Missing required field in config: project_id"
Hav you found a way to let the user in my FlutterFlow app, chnage there password? Or if the have forgotten there password, then recieve a new password? Thanks! :-)
I cant login from terminal. I get error "cannot open default browser: exit status 4"
Hello sir,
Great tutorial, love the content. I have one question, almost everything works with me. I even get the invocations from my edge function, however the account is not deleted. I have used the option cascade for deleting the account. Do you have an idea how thats possible?
I have the same issue:
@@adhdadventure Hello I have currently fixed the issue for me. I will tell you what worked for me, three things. My file delete-user was not located on the right spot in my files, make sure when you deploy the function it is located in the proper place. Second make sure that deno install in your vs-code and it is enabled. Third make sure Docker for Desktop is open when you use supabase deploy function delete-user. This worked for me.
Dear sir, Thank you for an amazing content. I'm really need your help, I didn't use Flutter Flow in my project. This is how I invoke edge function in my project:
- await supabase.functions.invoke(
"delete-user",
headers: {
'Authorization': 'Bearer ${supabase.auth.currentSession?.accessToken}'
},
);
but it show an error prompting:
-FormatException: Unexpected character (at character 1)
And I follow you everything about implementing the supabase CLI including the index.ts and cors.ts and deploying
Please help me, I'm looking forward to hear from you soon.
Thank you sir.
When I go to paste my database password, my command line crashes. Please, help me
Mine did too because I had special characters in my password. ($!% etc.). Once I removed them, and tried again, it worked.