- 8
- 16 943
Calda
Registrace 24. 07. 2023
Top FlutterFlow, Supabase, and WeWeb development experts 🐙🧡
As a certified FlutterFlow, Supabase, and WeWeb agency, we've helped 50+ established businesses and startups across the USA, UAE, EU, and AUT to realize their ideas into cutting-edge products in a matter of weeks, not months.
With a team of in-house experts, we deliver:
1️⃣ Custom solutions tailored to your unique needs;
2️⃣ Modern design that captivates users;
3️⃣ Secure ecosystems to protect your data and users;
4️⃣ High performance for seamless user experiences;
5️⃣ Scalable solutions to support your company growth.
Why choose Calda?
➡️ 4.9 ⭐️⭐️⭐️⭐️⭐️ client satisfaction score;
➡️ Only certified FlutterFlow | Supabase | WeWeb agency in the world 🌎;
➡️ 50+ successful projects for clients from the US, Europe, UAE and more.
Our Expertise:
📱 Mobile App Development;
💻 Web Development;
📈 App Strategy and Consulting;
✅ FlutterFlow, Supabase, WeWeb Certified.
Have an app idea? Let's bring it to life!
As a certified FlutterFlow, Supabase, and WeWeb agency, we've helped 50+ established businesses and startups across the USA, UAE, EU, and AUT to realize their ideas into cutting-edge products in a matter of weeks, not months.
With a team of in-house experts, we deliver:
1️⃣ Custom solutions tailored to your unique needs;
2️⃣ Modern design that captivates users;
3️⃣ Secure ecosystems to protect your data and users;
4️⃣ High performance for seamless user experiences;
5️⃣ Scalable solutions to support your company growth.
Why choose Calda?
➡️ 4.9 ⭐️⭐️⭐️⭐️⭐️ client satisfaction score;
➡️ Only certified FlutterFlow | Supabase | WeWeb agency in the world 🌎;
➡️ 50+ successful projects for clients from the US, Europe, UAE and more.
Our Expertise:
📱 Mobile App Development;
💻 Web Development;
📈 App Strategy and Consulting;
✅ FlutterFlow, Supabase, WeWeb Certified.
Have an app idea? Let's bring it to life!
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
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...
Google Sign-In Works on Web but Fails on Android in FlutterFlow with Supabase Auth. anyone facing this issue
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 ❤️❤️❤️❤️
Thanks so much for the feedback! 😊 Great suggestion, we’ll definitely consider it for future content!
Hi great your video. I have a question ... you do not know another alternative to replace Twilio free or freemium.
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.
thanks
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
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.
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. 😀
@@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
@@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
Fantastic video! I'd love to know more about getting the proper "sign in with google" button though! Their rules seem little bit confusing
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.
Thanks a lot for clear expalanation!
Xano has realtime and Triggers now
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
do you guys link it to supabase data? if so how to?
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".
@@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?
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.
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?
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.
doesnt work, must be custom code.
Why are you use supabase instead of firebase ?
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.
The ID doesn't let me place anything, do you know why?(8:35)
Make sure to have the id column in your users_data set to type uuid.
Very helpful video indeed! Tx.
sir you need to update the code. thanks
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 :(
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.
@@The_Calda_ Thank you very much, I managed to solve it by creating a new project and with new credentials, and it worked.
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.
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.
Beautiful! Have you plan to make tutorial about Apple login in FlutterFlow with Supabase?
Great suggestion! 😃 We'll definitely consider adding it to our upcoming content schedule. Stay tuned and thanks for your interest!
@@The_Calda_ Same here. Any update on Apple login?
As of now, the Apple login tutorial is on our content schedule. Stay tuned for more updates. 🙌😎
@@The_Calda_ Looking forward to this one too
Thanks a lot for video. it made me made a decision an start learning and doing project on SupaBase
We're happy to hear that!
So smooth, awesome walkthrough.
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
Thanks for your feedback! 😃 We'll consider making a guide in the future. Stay tuned :)
Great vid thanks!!!
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.
Sounds interesting, we will definitely look into this :)
Just the guide I was needing! Looking forward to following this one, thanks
Great, thanks! Let us know if you need any further assistance :)
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
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?
yeap same issue
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
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
Thanks man
nice....
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.
This is great. Do you know how to implement plaid with flutter flow? A bit tricky of an api
description links aren't clickable 😮, i don't know if is my phone ore what but it's looks like a normal text
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.
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!
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…
Thanks for this, it was just what I was looking for. I'll be happy to leave a like and a comment
Glad we were able to help! 🧡🐙
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.
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!
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.
Awesome tutorial, thanks for recording and sharing it 💜
Thanks guys!!
Interesting and very informative! I could also join this with google login, right?
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
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 😇...
I prefer XANO. It is very fast and easy to use. Thanks!
It really depends on a personal preference in the end. Xano is cool, especially if you don't know how to write code!
Supabase FTW 😅🚀. Jokes aside, Xano is the best tool for true nocoders for sure, but if you know your way around SQL Supabase wins...