How to Set Up OTP Login in FlutterFlow and Supabase (NEW 2024 Method)
HTML-код
- Опубликовано: 11 июл 2024
- In this tutorial, we dive into the latest 2024 method for setting up OTP login in FlutterFlow and Supabase.
If you're looking to enhance your mobile app development skills, this FlutterFlow tutorial is perfect for beginners. Learn how to integrate Supabase auth seamlessly with FlutterFlow, exploring the ins and outs of OTP login. Discover the simplicity of one-time pin login and the convenience of logging in using a pin. Plus, we'll show you how to achieve all this with no code required. Join us as we unlock the power of OTP login in FlutterFlow and Supabase!
Clone the base FlutterFlow project here:
app.flutterflow.io/project/o-...
Copy and paste the code for the 3 custom actions here:
github.com/xolotlwastaken/OTP...
Chapters
00:00 - Intro
00:34 - Project Set up
00:57 - Configure project
03:44 - Implement OTP
11:34 - Testing
12:57 - Outro
---------------------------------------------------------------------------------------------------------------------------
V i d e o s t o w a t c h n e x t
Master Flutterflow API Integration
• Master Flutterflow API...
Simple 10 minute tutorial. Create your first app today!
• Button Clicker App in ...
Simple Notes App with FlutterFlow and Supabase.
• No Code Notes App with...
--------------------------------------------------------------------------------------------------------------------------
Have any questions? Reach out to me!
Instagram: @just_xolotl Наука
Dude, you are awesome.
Love to see if there is a tutorial for phone OTP sign in.
Alright! Coming soon!
@@just_xolotl Love to see that as well! Phone auth with Supabase please.
Wow thanks so much bro. You're a Rock Star! Truly wish your channel grow!
Thanks! Hope you managed to implement otp now! 😁
Another great video!
Thanks!
brilliant and very clear instructions 😊 keep them coming!
Thank you! Will do!
Awesome vid!
Thank you!
You just earn another subscriber 👍. Great and easy to follow content
Thank you! 😊
Excellent video!!!
+1 subscriber
Thank you very much!
Thank you for this amazing video. I noticed that many tutorials are using Supabase with the Email Verification turned off. I know that it is not supported by FlutterFlow at this moment. So, how to verify the user's email from FlutterFlow? I have a feeling that the OTP you discussed here can help. But I don't know how. Can you explain how to achieve this?
Yup, I’ve been looking into it for some time now. Will make a video once I successfully implement it.
Wawuu thank you brother
Any time!
Hi, your videos are wonderful and help me a lot in learning. Thanks! I have a question whether it is possible to verify an email when creating an account using FF + Supabase, because I do not want the user to be able to borrow someone else's email address. As far as I understand FF does not support account verification in supabase
Thanks for the support! ❤️ Yup so far Flutterflow does not support email verification with Suapabase. However, I’ve been researching into it and trying to use custom code to do so! Hopefully I can find a solution soon!
nice2
Thanks!
Great Video! Will this work for web apps too?
Thanks! And yes it will!
Thank you very much for the content! The link to access this project is restricted. Would it be possible to resend? I would like to join you in this class.
Seems like FF changed the permissions. Let me work on that
Hi buddy, Can you do a video on adding a download functionality in flutterflow. UNDERSTAND: let's say a class is using an app where teacher is supposed to upload pdf/docx/ppt files of class notes to the database, which is dynamically shown in app categorised by subject's name. A student can select which notes they want to download and download the same file which was uploaded by the teacher. There are tutorials on upload feature but there's none on fetching download, Would be great if you can make a video on it. Thanks in Advance! See you in the next video.
Oh nice sounds very interesting! Sure I’ll make a tutorial on downloading files in flutterflow and supabase! However, do note that I’ll be quite busy these coming weeks so it may take longer than usual! Cheers!
As always, awesome! What about getting a code to the phone with Supabase tethering? )
Thanks Alan for the suggestion! I’m currently also looking into a phone otp but that requires an additional software so still working on it! But will be coming out soon!
@@just_xolotl Have been trying for phone OTP with Supabase and flutterflow. Waiting for your video on the same.
2nd question: How to use firebase for auth & supabase for backend database.
Hi @vishu845 the video should be coming out soon! (By this weekend) sorry, have been quite busy these few weeks so I’ve only been able to upload pre recorded videos on the chat app series! If you’re interested to take on a new more advanced project: ruclips.net/p/PLsGKm9PeeQyJ26SRYtfp_rh3QDk7nR8iD&si=gtw9vOGfBcmmJvf_
would you please make a video on flutterflow conditions and parameter... how to use them, when to use where to use
Sure! I’m currently planning on making a flutterflow tutorial series for beginners. I’ll be sure to include that in the series
Nice video, can you make a apple sign in with supabase
Sure! I’ll take a look into it
Thank you
I cannot access the clone! it is saying that the project is restricted or doesn't exist :(
Hey there! Unfortunately, FlutterFlow changed it so that only paid accounts can make projects public. :( But I’m working on getting a paid account soon. :)
How about OTP sms?
Yup currently working on that!
I tried using this method for Sign Ups, but Supabase throws a 400 error: Signups not allowed for OTP. Can you make a video on how to verify email sign ups?
Hi! Sign ups would require just a tiny tweak to the custom code! You can contact me on instagram @just_xolotl and I can tell you what to tweak.
I've followed along with everything but it always says "Incorrect Pin". I don't know what the issue could be... Great video though
Hey there, we could set up a meeting to discuss and solve this. Could you follow up with me on instagram or Facebook? Thanks.