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
  • НаукаНаука

Комментарии • 46

  • @user-rg5ke6kz7b
    @user-rg5ke6kz7b 3 месяца назад +4

    Dude, you are awesome.
    Love to see if there is a tutorial for phone OTP sign in.

    • @just_xolotl
      @just_xolotl  3 месяца назад +1

      Alright! Coming soon!

    • @hakonulven9481
      @hakonulven9481 2 месяца назад +1

      @@just_xolotl Love to see that as well! Phone auth with Supabase please.

  • @R0cky0
    @R0cky0 3 месяца назад +1

    Wow thanks so much bro. You're a Rock Star! Truly wish your channel grow!

    • @just_xolotl
      @just_xolotl  3 месяца назад

      Thanks! Hope you managed to implement otp now! 😁

  • @rabeezley
    @rabeezley 3 месяца назад +1

    Another great video!

  • @markhorley
    @markhorley 3 месяца назад +1

    brilliant and very clear instructions 😊 keep them coming!

  • @zleep3918
    @zleep3918 3 месяца назад

    Awesome vid!

  • @fombakonneh3242
    @fombakonneh3242 3 месяца назад +1

    You just earn another subscriber 👍. Great and easy to follow content

  • @pierre-antoinebourquard7059
    @pierre-antoinebourquard7059 3 месяца назад

    Excellent video!!!
    +1 subscriber

  • @yasserhy
    @yasserhy Месяц назад +1

    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?

    • @just_xolotl
      @just_xolotl  Месяц назад

      Yup, I’ve been looking into it for some time now. Will make a video once I successfully implement it.

  • @AI-update
    @AI-update 3 месяца назад

    Wawuu thank you brother

  • @rr1me158
    @rr1me158 Месяц назад

    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

    • @just_xolotl
      @just_xolotl  Месяц назад +1

      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!

  • @danzreview
    @danzreview 3 месяца назад

    nice2

  • @EnriqueHerbella
    @EnriqueHerbella Месяц назад

    Great Video! Will this work for web apps too?

  •  4 дня назад

    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.

    • @just_xolotl
      @just_xolotl  День назад

      Seems like FF changed the permissions. Let me work on that

  • @mantavyam_
    @mantavyam_ 3 месяца назад

    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.

    • @just_xolotl
      @just_xolotl  3 месяца назад +1

      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!

  • @alanmax2025
    @alanmax2025 3 месяца назад +1

    As always, awesome! What about getting a code to the phone with Supabase tethering? )

    • @just_xolotl
      @just_xolotl  3 месяца назад +1

      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!

    • @vishu845
      @vishu845 3 месяца назад +1

      @@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.

    • @just_xolotl
      @just_xolotl  2 месяца назад

      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_

  • @ttttttgfrr
    @ttttttgfrr 3 месяца назад

    would you please make a video on flutterflow conditions and parameter... how to use them, when to use where to use

    • @just_xolotl
      @just_xolotl  3 месяца назад

      Sure! I’m currently planning on making a flutterflow tutorial series for beginners. I’ll be sure to include that in the series

  • @abdifatahsaid6624
    @abdifatahsaid6624 3 месяца назад

    Nice video, can you make a apple sign in with supabase

  • @yasserhy
    @yasserhy Месяц назад

    I cannot access the clone! it is saying that the project is restricted or doesn't exist :(

    • @just_xolotl
      @just_xolotl  Месяц назад

      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. :)

  • @BGdev305
    @BGdev305 3 месяца назад +1

    How about OTP sms?

    • @just_xolotl
      @just_xolotl  3 месяца назад +1

      Yup currently working on that!

  • @jasonbarhorst3383
    @jasonbarhorst3383 3 месяца назад

    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?

    • @just_xolotl
      @just_xolotl  3 месяца назад

      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.

  • @Chris-Munga
    @Chris-Munga Месяц назад

    I've followed along with everything but it always says "Incorrect Pin". I don't know what the issue could be... Great video though

    • @just_xolotl
      @just_xolotl  Месяц назад

      Hey there, we could set up a meeting to discuss and solve this. Could you follow up with me on instagram or Facebook? Thanks.