Calda
Calda
  • 8
  • 16 943
FlutterFlow x Supabase Phone OTP Authentication
Build your FlutterFlow app with Calda - the only FlutterFlow and Supabase certified expert in the world 🌎!
Set up Phone OTP Authentication in your FlutterFlow project with Supabase:
➡️ Supabase phone login: supabase.com/docs/guides/auth/phone-login
➡️ Custom widget and custom action code: www.thecalda.com/tutorial
App inquiries: calendly.com/calda-anze/calda-let-s-get-started
Our website: www.thecalda.com/
----------------------------
⬇️ You can follow us also on:
- Instagram: @the_calda_
- LinkedIn: @thecalda
- Twitter: @The_Calda
- TikTok: @the_calda_
For questions about the implementation or any additional help, don’t hesitate to contact us at anze@thecalda.com.
Your Calda team 🧡🐙!
----------------------------
0:00 Intro
00:32 Prerequisites
1:05 Initial Setup
2:00 Login Page Setup
5:14 SMS Page Setup
6:52 Dashboard Page Setup
7:24 Test
zhlédnutí: 325

Video

Top 5 Factors to Consider When Choosing the Best App Development Agency
zhlédnutí 81Před měsícem
Hey everyone, we're finally back! 👋 ❓Are you searching for the right app development team? ➡️ Whether you're a startup looking to build your first app or an established company looking to improve your current one, this video is for you. ➡️ We break down the 5️⃣ key things you need to watch for to ensure the best partnership fit and the best app delivery. Do you have questions or suggestions? Dr...
Google Auth in FlutterFlow with Supabase
zhlédnutí 3,3KPřed 6 měsíci
Build your FlutterFlow app with Calda - the only FlutterFlow and Supabase certified agency in the world ✅. Integrate Google authentication into your FlutterFlow app using Supabase. ➡️ Supabase Setup: docs.flutterflow.io/data-and-backend/supabase/supabase-setup ➡️ Supabase Authentication: docs.flutterflow.io/data-and-backend/supabase/supabase-authentication ➡️ Find your commands here: docs.flutt...
FlutterFlow Full-Screen Vertical Scroll
zhlédnutí 1,7KPřed 7 měsíci
Build your mobile or web app with Calda - the only agency with FlutterFlow and Supabase certificates of expertise. App inquiries: calendly.com/asterbenc/mvp-de... Our website: www.thecalda.com/ You can follow us also on: - LinkedIn: @thecalda - Twitter: @The_Calda For questions about the implementation and any additional help, don’t hesitate to contact us at anze@thecalda.com. Firebase setup do...
Show or hide content based on user auth status in WeWeb
zhlédnutí 276Před 9 měsíci
Build your mobile or web app with Calda - a WeWeb, FlutterFlow and Supabase certified agency. App inquiries: calendly.com/asterbenc/mvp-dev-let-s-get-started Our website: www.thecalda.com/ You can follow us also on: - Instagram: @the_calda_ - LinkedIn: @thecalda - Twitter: @The_Calda - TikTok: @the_calda For questions about the implementation and any additional help, don’t hesitate to contact u...
How to Create a Custom Bar Chart in FlutterFlow
zhlédnutí 5KPřed 9 měsíci
Build your FlutterFlow app with Calda - we are certified with Supabase as well ✅. App inquiries: calendly.com/asterbenc/mvp-dev-let-s-get-started Our website: www.thecalda.com/ Official fl_chart GitHub link: github.com/imaNNeo/fl_chart/blob/master/example/lib/presentation/samples/bar/bar_chart_sample1.dart Our custom fl_chart GitHub link: github.com/devCalda/demo-custom-ff-widget/blob/main/Cust...
WeWeb Supabase Magic Link Authentication
zhlédnutí 560Před 10 měsíci
Build your mobile or web app with Calda - a WeWeb, FlutterFlow and Supabase certified agency. App inquiries: calendly.com/asterbenc/mvp-dev-let-s-get-started Our website: www.thecalda.com/ Tutorial on how to set up custom SMTP on Supabase: supabase.com/docs/guides/auth/auth-smtp You can follow us also on: - Instagram: @the_calda_ - LinkedIn: @thecalda - Twitter: @The_Calda - TikTok: @the_calda ...
Supabase vs Xano
zhlédnutí 5KPřed 11 měsíci
Build a Supabase app with a Supabase-certified agency: www.thecalda.com/ Supabase: supabase.com/ Xano: www.xano.com/ You can follow us also on: - Instagram: @the_calda_ - LinkedIn: @Calda - Twitter: @The_Calda - TikTok: @the_calda Your Calda team🐙 0:00 Intro 0:25 Who we are 0:58 What kind of projects is each platform for? 2:41 What kind of knowledge is needed for each platform? 3:54 What featur...

Komentáře

  • @PavanKumar-n9u
    @PavanKumar-n9u Před 5 dny

    Google Sign-In Works on Web but Fails on Android in FlutterFlow with Supabase Auth. anyone facing this issue

  • @thematrixoflapatasmp

    Hi , your videos are very great and easy understanding, but can you too make a video with sms otp validation using firebase not with supabase and it it possible to create a role base authentication, please make video on it please ❤️❤️❤️❤️

    • @The_Calda_
      @The_Calda_ Před 5 dny

      Thanks so much for the feedback! 😊 Great suggestion, we’ll definitely consider it for future content!

  • @abdoulayeoubale4949

    Hi great your video. I have a question ... you do not know another alternative to replace Twilio free or freemium.

    • @The_Calda_
      @The_Calda_ Před 5 dny

      Thanks for your question! 😊 SMS APIs are usually paid services or work on a pay-as-you-go model, so there aren’t many truly free options.

  • @OmarHeikal-ox7hb
    @OmarHeikal-ox7hb Před 19 dny

    thanks

  • @knlim88
    @knlim88 Před 26 dny

    hello... The voice is very good. After logging in to Google, the action part to create an account in the Supabase user table is not being executed. Where should I check? thank you

    • @knlim88
      @knlim88 Před 26 dny

      Perhaps after logging in to Google, the next action is the user before registering a user in a table, it appears that Flutterflow first moves to the page set after logging in on the initial page of settings.

    • @The_Calda_
      @The_Calda_ Před 21 dnem

      Hello, you can try making a user with a trigger on users.auth table in superbase, which can insert a new row into public.users_data after a new user signs up. This way you insert a row into public.users_data table directly from the backend. 😀

    • @knlim88
      @knlim88 Před 15 dny

      @@The_Calda_ I set the action to proceed to the steps below when clicking the Google linked account registration button in Flutterflow. Step 1: Google login Step 2: Register public users table user Step 3: Go to the login page The current situation is as follows. Step 1 is progressing well, and the account is being registered in Supabase's auth table. The problem is that Flutterflow cannot proceed to step 2 and goes directly to Settings >> Authentication >> Page movement after logging in. So I can't register users in the public users table. I would appreciate it if you could give me an answer on where I should check. thank you

    • @knlim88
      @knlim88 Před 15 dny

      @@The_Calda_ I set the action to proceed to the steps below when clicking the Google linked account registration button in Flutterflow. Step 1: Google login Step 2: Register public users table user Step 3: Go to the login page The current situation is as follows. Step 1 is progressing well, and the account is being registered in Supabase's auth table. The problem is that Flutterflow cannot proceed to step 2 and goes directly to Settings >> Authentication >> Page movement after logging in. So I can't register users in the public users table. I would appreciate it if you could give me an answer on where I should check. thank you

  • @gifproductions2
    @gifproductions2 Před 29 dny

    Fantastic video! I'd love to know more about getting the proper "sign in with google" button though! Their rules seem little bit confusing

    • @The_Calda_
      @The_Calda_ Před 27 dny

      Thanks for the great feedback! 😀 For the "Sign in with Google" button, it can be a bit confusing, but FlutterFlow offers clear guidelines and resources to help. 🙌 But maybe we could do a tutorial on this in a future video.

  • @TheShlah
    @TheShlah Před měsícem

    Thanks a lot for clear expalanation!

  • @rude_people_die_young
    @rude_people_die_young Před 3 měsíci

    Xano has realtime and Triggers now

  • @rromerog9
    @rromerog9 Před 3 měsíci

    Very good video but no one points out that those action won’t excecute at least on web since after the login action you will be redirected to supabase callback url so the actions following the auth action won’t be excecuted at all

  • @damian.w
    @damian.w Před 3 měsíci

    do you guys link it to supabase data? if so how to?

    • @The_Calda_
      @The_Calda_ Před 3 měsíci

      You can create a backend query in Flutterflow on the page where your Custom chart is. In this case, your backend should return a list of doubles. Simply use the response of this backend query as an input to the parameter of the custom widget "numbers".

    • @damian.w
      @damian.w Před 3 měsíci

      @@The_Calda_ thanks for reply. Do you have any videos showing that when I create a Backend Query, I have a list of rows but can't link it to the chart. Also, any advice for date picking up?

    • @The_Calda_
      @The_Calda_ Před 3 měsíci

      Linking data to the chart depends on your use case. If you have a list of rows from the backend, you can try mapping or transforming them to a list of desired numbers, before binding them to the chart.

  • @daleoshea4204
    @daleoshea4204 Před 4 měsíci

    What happens if someone creates their account via email and then later tries to sign in with google auth, are they connected? If not how can we connect them?

    • @The_Calda_
      @The_Calda_ Před 4 měsíci

      Yes, if the email used for signing in with Google authentication matches the one used for creating the account via email and password, the user will be logged into the same account. In this case, the account will now have two authentication providers linked to it: email and Google.

  • @mrvintu1
    @mrvintu1 Před 4 měsíci

    doesnt work, must be custom code.

  • @uniquejewelry3174
    @uniquejewelry3174 Před 4 měsíci

    Why are you use supabase instead of firebase ?

    • @The_Calda_
      @The_Calda_ Před 4 měsíci

      There are multiple factors to consider when it comes to choosing your backend structure and both Firebase and Supabase are great options to go with. We usually consider Supabase a better option due to the SQL structure, better performance, and smaller ongoing costs (especially when you scale). There are other project-specific factors to consider always as well, so make sure to do your own research to decide which of the tools is better for your project specifically.

  • @panzeredits9023
    @panzeredits9023 Před 4 měsíci

    The ID doesn't let me place anything, do you know why?(8:35)

    • @The_Calda_
      @The_Calda_ Před 4 měsíci

      Make sure to have the id column in your users_data set to type uuid.

  • @jimvh7557
    @jimvh7557 Před 5 měsíci

    Very helpful video indeed! Tx.

  • @OlanKun
    @OlanKun Před 5 měsíci

    sir you need to update the code. thanks

  • @RolandoRc2503
    @RolandoRc2503 Před 5 měsíci

    Hello I did all the steps but I get this error: com.google.android.gms.common.api.ApiException: 10: and I don't know where I'm going wrong :(

    • @The_Calda_
      @The_Calda_ Před 5 měsíci

      If you get this error the issue is probably in the Google credentials. You should have a credential of type Android (delete if you have an existing one) in your projects Google developer console with the correct package name (e.g. com.company.example) and SHA-1 signature. The latter is trickier since you need to generate it yourself, paste it to the Google dev console while generating credentials and then use that credentials clientId in your login setup configuration. Check FlutterFlow Docs: Google Sign-In (Supabase) and then Initial Setup.

    • @RolandoRc2503
      @RolandoRc2503 Před 5 měsíci

      @@The_Calda_ Thank you very much, I managed to solve it by creating a new project and with new credentials, and it worked.

  • @vito77
    @vito77 Před 5 měsíci

    Thanks for the video. Google authentication works in my web mode, but I can't log in on the APK I downloaded from FF. Shouldn't it work there too? What might I be doing wrong? I've already repeated all the steps several times.

    • @The_Calda_
      @The_Calda_ Před 4 měsíci

      If you get this error the issue is probably in the Google credentials. You should have a credential of type Android (delete if you have an existing one) in your projects Google developer console with the correct package name (e.g. com.company.example) and SHA-1 signature. The latter is trickier since you need to generate it yourself, paste it to the Google dev console while generating credentials and then use that credentials clientId in your login setup configuration. Check FlutterFlow Docs: Google Sign-In (Supabase) and then Initial Setup.

  • @bluerm135
    @bluerm135 Před 5 měsíci

    Beautiful! Have you plan to make tutorial about Apple login in FlutterFlow with Supabase?

    • @The_Calda_
      @The_Calda_ Před 4 měsíci

      Great suggestion! 😃 We'll definitely consider adding it to our upcoming content schedule. Stay tuned and thanks for your interest!

    • @R0cky0
      @R0cky0 Před 3 měsíci

      @@The_Calda_ Same here. Any update on Apple login?

    • @The_Calda_
      @The_Calda_ Před 3 měsíci

      As of now, the Apple login tutorial is on our content schedule. Stay tuned for more updates. 🙌😎

    • @arniifounder
      @arniifounder Před 2 měsíci

      @@The_Calda_ Looking forward to this one too

  • @alexanderf7008
    @alexanderf7008 Před 6 měsíci

    Thanks a lot for video. it made me made a decision an start learning and doing project on SupaBase

  • @user-rg5ke6kz7b
    @user-rg5ke6kz7b Před 6 měsíci

    So smooth, awesome walkthrough.

  • @JohnTse-sb9yb
    @JohnTse-sb9yb Před 6 měsíci

    Great video! I was wondering if you could show a tutorial on how to use firebase as the authentication method for a flutterflow project while maintaining a supabase database. I'm having some issues with giving access to the database as I want the tables to be accessed by authenticated users only

    • @The_Calda_
      @The_Calda_ Před 4 měsíci

      Thanks for your feedback! 😃 We'll consider making a guide in the future. Stay tuned :)

  • @andrewkeipert6355
    @andrewkeipert6355 Před 6 měsíci

    Great vid thanks!!!

  • @tanujain2605
    @tanujain2605 Před 6 měsíci

    Great video, I request one more tutorial, I have been struggling with weathermap geolocation API from quite long. I want a perfect tutorial which shows how one can leverage latitude longintude from current location in openweathermap API to get current location weather.

    • @The_Calda_
      @The_Calda_ Před 6 měsíci

      Sounds interesting, we will definitely look into this :)

  • @TwenTV
    @TwenTV Před 6 měsíci

    Just the guide I was needing! Looking forward to following this one, thanks

    • @The_Calda_
      @The_Calda_ Před 6 měsíci

      Great, thanks! Let us know if you need any further assistance :)

    • @TwenTV
      @TwenTV Před 6 měsíci

      I am still stuck on Stripe integration in Flutterflow when using Supabase backend. I am considering building the integration in a custom backend, but I would still really prefer Flutterflow native support. Any videos on this could be interesting

  • @user-jt9wo6jm7y
    @user-jt9wo6jm7y Před 6 měsíci

    Error running "flutter pub get" while checking custom widgets and actions. Please try again and if the problem persists fix pubspec dependencies. I am getting this error what to do?

  • @user-jt9wo6jm7y
    @user-jt9wo6jm7y Před 6 měsíci

    Error running "flutter pub get" while checking custom widgets and actions. Please try again and if the problem persists fix pubspec dependencies. I am getting this error what to do

  • @zhixory
    @zhixory Před 7 měsíci

    Thanks for the video, really good. But as other says as well, can you make a video for linechart for example? Feel fl_chart is so complex

  • @jaguarconsultoriadigital8147

    Thanks man

  • @AutomationWithSholz
    @AutomationWithSholz Před 7 měsíci

    nice....

  • @maalinlaha
    @maalinlaha Před 8 měsíci

    How about line charts? I really need custom line charts, i even created one with the help of Bard ai, but the app lags and becomes slow whenever i open the page that the widget contains.

  • @treyb5477
    @treyb5477 Před 9 měsíci

    This is great. Do you know how to implement plaid with flutter flow? A bit tricky of an api

  • @jejidyanjackson2868
    @jejidyanjackson2868 Před 9 měsíci

    description links aren't clickable 😮, i don't know if is my phone ore what but it's looks like a normal text

  • @user-iv4ej8uu9q
    @user-iv4ej8uu9q Před 9 měsíci

    I don't know what the point of this video,, Your video title is: How to Create A Custom Bar chart in Flutterflow, but when you reached the important part that the viewer needs, which is how to modify the code, you skipped the important things and this the video became empty of its content. , I think you did this on purpose just for clicks, and your purpose is not to help the viewer on how to do this.

    • @The_Calda_
      @The_Calda_ Před 9 měsíci

      Hey, purpose of every video we post is to help people with the development process of their apps. We still believe that the video can be very helpful for FlutterFlow newbies and we also offer to get our code from out Github link. That being said, if you'd like some help on how to modify the code, drop us a message on anze@thecalda.com! Thanks!

    • @awlhunt
      @awlhunt Před 7 měsíci

      He gave you the exact steps to follow. If you’d spent as much time trying it as you did writing that novella response, you’d probably have worked it out by now…

  • @maspedidosmx
    @maspedidosmx Před 9 měsíci

    Thanks for this, it was just what I was looking for. I'll be happy to leave a like and a comment

    • @The_Calda_
      @The_Calda_ Před 9 měsíci

      Glad we were able to help! 🧡🐙

  • @xaviera5886
    @xaviera5886 Před 10 měsíci

    Nice video, imho, Xano is as scalable as Supabase. I am senior backend dev and I prefer to use Xano because of the time saved with this tool. I'm CTO and we have created 2 financial VC and Startup SaaS. We are handling millions of datas on both saas and we have a lot of users.

    • @The_Calda_
      @The_Calda_ Před 9 měsíci

      Hi! Of course, Xano is still super scalable and you can achieve a lot with it for sure. In many occasions it's a better tool to go with, but overall we really believe that Supabase is more suitable for very complex apps with complex DB structure and need for scalability. That being said, we love Xano too!

    • @catoshimeowmoto
      @catoshimeowmoto Před 10 dny

      I built an app on xano and then rebuilt it on supabase where it was way faster development especially with the use of AI. I dont have to manually build logic on xano which takes time, I rather write prompt to ai and it gives me the code (ofcourse with a few iterations to get it right). I love xano too but supabase would be my first pick.

  • @weweb
    @weweb Před 10 měsíci

    Awesome tutorial, thanks for recording and sharing it 💜

  • @iztoklevac6343
    @iztoklevac6343 Před 10 měsíci

    Interesting and very informative! I could also join this with google login, right?

  • @avalons343
    @avalons343 Před 10 měsíci

    it's simple then. If you code: Supabase. If you don't, Xano. I don't code, so Xano is my choice as I can build endlessly complex API's

    • @The_Calda_
      @The_Calda_ Před 9 měsíci

      Yep, pretty much 😅. But remember that these days you don't have to be a developer to write a couple of lines of code... 😇 ChatGPT 😇...

  • @eilonlevi3927
    @eilonlevi3927 Před 11 měsíci

    I prefer XANO. It is very fast and easy to use. Thanks!

    • @The_Calda_
      @The_Calda_ Před 11 měsíci

      It really depends on a personal preference in the end. Xano is cool, especially if you don't know how to write code!

  • @anzesterbenc2750
    @anzesterbenc2750 Před 11 měsíci

    Supabase FTW 😅🚀. Jokes aside, Xano is the best tool for true nocoders for sure, but if you know your way around SQL Supabase wins...