![just xolotl](/img/default-banner.jpg)
- Видео 52
- Просмотров 61 346
just xolotl
Сингапур
Добавлен 1 фев 2024
No Code Mobile App Development using Flutterflow and Supabase. These no code platforms help to eliminate time spent on having to learn code and supercharge your mobile app development. Join me to master Flutterflow and Supabase and see how you can transform your mobile app development journey in just a days. Coding is hard. But mobile app development does not have to be, especially with Flutterflow and Supabase and other no code software.
Check out my channel!
It includes:
1. Full walkthrough tutorials to create your very first apps within minutes using Flutterflow and Supabase
2. Up to date software and tech news to keep you in the loop of any rising opportunities!
3. Occasional funny skits based around the mobile app development journey to lighten up your day :)
Thank you for taking the time to read my description! Stay tuned to learn and master Flutterflow and SUpabase and other no code tools as well! Create your mobile apps in no time and change the world. :)
Check out my channel!
It includes:
1. Full walkthrough tutorials to create your very first apps within minutes using Flutterflow and Supabase
2. Up to date software and tech news to keep you in the loop of any rising opportunities!
3. Occasional funny skits based around the mobile app development journey to lighten up your day :)
Thank you for taking the time to read my description! Stay tuned to learn and master Flutterflow and SUpabase and other no code tools as well! Create your mobile apps in no time and change the world. :)
Master the WhatsApp API in your FlutterFlow Apps in 8 minutes
In this quick 8-minute tutorial, we show you how to master the WhatsApp API in your FlutterFlow apps. Dive into the world of mobile app development as we guide you through integrating the WhatsApp API seamlessly into your projects. Whether you're a beginner looking for a WhatsApp API tutorial or an experienced developer exploring new possibilities, this video is perfect for you. Learn how to open WhatsApp chat directly from your app with no code required, all within the FlutterFlow environment. Join us as we unlock the potential of FlutterFlow and WhatsApp API for your app development journey.
WhatsApp documentation
faq.whatsapp.com/5913398998672934
WhatsApp Buttons Download
scontent.fsin11-1...
WhatsApp documentation
faq.whatsapp.com/5913398998672934
WhatsApp Buttons Download
scontent.fsin11-1...
Просмотров: 399
Видео
Send Emails with a Custom Domain in Supabase using Resend (Custom SMTP Integration)
Просмотров 22014 дней назад
In this beginner-friendly tutorial, we dive into the world of custom email domains and SMTP integration in Supabase using Resend. Learn how to unlock the power of sending emails with a custom domain effortlessly, without any code required. Whether you're looking to set up email verification or enhance your email marketing strategy, this video has got you covered. Join us as we explore the ins a...
Level Up Your App: Forgot and Reset Password in FlutterFlow and Supabase
Просмотров 47814 дней назад
In this beginner-friendly tutorial for mobile app development, we're delving into the world of FlutterFlow and Supabase to enhance your app's functionality. Learn how to level up your app by incorporating forgot and reset password features seamlessly. Whether you're a novice looking to explore the no-code realm or a seasoned developer seeking to streamline user experience, this video is a must-...
Implement a Custom Loading Indicator in FlutterFlow in 10 minutes! (Step-by-step tutorial)
Просмотров 44521 день назад
In this step-by-step tutorial, you will learn how to implement a custom loading indicator in FlutterFlow in just 10 minutes! If you're a beginner looking to add a loading indicator to your mobile app without writing any code, this tutorial is perfect for you. We'll cover everything from creating a loading animation to integrating it with an API call, specifically using Supabase. Watch this vide...
Open Google Maps In Your FlutterFlow Apps (Step by Step Walkthrough)
Просмотров 47021 день назад
In this step-by-step walkthrough tutorial, you will learn how to open Google Maps in your FlutterFlow apps with ease. Whether you're a beginner looking to enhance your app development skills or an experienced developer interested in a no-code solution, this video is for you. We'll guide you through the process of setting up Google Maps in FlutterFlow, using the launch URL action to seamlessly i...
Expert Guide: Trigger Notifications in Supabase and FlutterFlow with Buildship
Просмотров 446Месяц назад
In this expert guide, we dive deep into the world of triggering notifications in Supabase and FlutterFlow using Buildship. Learn how to set up timed FlutterFlow notifications with Buildship, explore scheduled notifications, and even delve into SMS notifications with Twilio SMS integration. Whether you're a beginner looking for a comprehensive FlutterFlow tutorial or an experienced developer see...
Realtime Chat in FlutterFlow and Supabase in 5 minutes
Просмотров 1,1 тыс.Месяц назад
Welcome to this comprehensive FlutterFlow tutorial for beginners, where you'll dive into the world of mobile app development without any coding required! In this step-by-step guide, we'll show you how to leverage the power of Supabase's real-time database to implement real-time changes in your FlutterFlow apps with a realtime chat function. By following along, you'll be able to create a dynamic...
Step-by-Step Tutorial: Phone Number Authentication with FlutterFlow and Supabase
Просмотров 1,3 тыс.Месяц назад
In this detailed step-by-step tutorial, we will guide you through the process of implementing phone number authentication using FlutterFlow and Supabase. Learn how to set up phone authentication with Supabase and FlutterFlow, covering essential topics like phone sign up and phone sign in. Whether you're a beginner looking to explore Supabase or a mobile app developer interested in nocode soluti...
Working 2024 Method! Phone OTP in FlutterFlow and Supabase
Просмотров 1,2 тыс.2 месяца назад
In this beginner-friendly tutorial, we dive into the world of app development using FlutterFlow and Supabase. Learn how to implement phone OTP authentication in your app with Supabase, a powerful tool for user authentication. Follow along as we guide you through the process step by step, making it easy to understand even for those new to coding. This tutorial covers everything you need to know ...
NoCode Chat App with FlutterFlow and Supabase (Part 18)
Просмотров 4072 месяца назад
In this video, we continue our series on building a chat app using FlutterFlow and Supabase with Part 18. Join us as we dive into the world of app development without code, exploring the power of FlutterFlow for creating stunning applications. Learn how to integrate Supabase for database management, supabase tables, datatable triggers, authentication, apis and much more. Stay tuned for future t...
NoCode Chat App with FlutterFlow and Supabase (Part 17)
Просмотров 2722 месяца назад
In this video, we continue our series on building a chat app using FlutterFlow and Supabase with Part 17. Join us as we dive into the world of app development without code, exploring the power of FlutterFlow for creating stunning applications. Learn how to integrate Supabase for database management, supabase tables, datatable triggers, authentication, apis and much more. Stay tuned for future t...
NoCode Chat App with FlutterFlow and Supabase (Part 16)
Просмотров 3032 месяца назад
In this video, we continue our series on building a chat app using FlutterFlow and Supabase with Part 16. Join us as we dive into the world of app development without code, exploring the power of FlutterFlow for creating stunning applications. Learn how to integrate Supabase for database management, supabase tables, datatable triggers, authentication, apis and much more. Stay tuned for future t...
NoCode Chat App with FlutterFlow and Supabase (Part 15)
Просмотров 3702 месяца назад
In this video, we continue our series on building a chat app using FlutterFlow and Supabase with Part 15. Join us as we dive into the world of app development without code, exploring the power of FlutterFlow for creating stunning applications. Learn how to integrate Supabase for database management, supabase tables, datatable triggers, authentication, apis and much more. Stay tuned for future t...
NoCode Chat App with FlutterFlow and Supabase (Part 14)
Просмотров 4222 месяца назад
In this video, we continue our series on building a chat app using FlutterFlow and Supabase with Part 14. Join us as we dive into the world of app development without code, exploring the power of FlutterFlow for creating stunning applications. Learn how to integrate Supabase for database management, supabase tables, datatable triggers, authentication, apis and much more. Stay tuned for future t...
NoCode Chat App with FlutterFlow and Supabase (Part 13)
Просмотров 7612 месяца назад
In this video, we continue our series on building a chat app using FlutterFlow and Supabase with Part 13. Join us as we dive into the world of app development without code, exploring the power of FlutterFlow for creating stunning applications. Learn how to integrate Supabase for database management, supabase tables, datatable triggers, authentication, apis and much more. Stay tuned for future t...
NoCode Chat App with FlutterFlow and Supabase (Part 12)
Просмотров 6072 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 12)
NoCode Chat App with FlutterFlow and Supabase (Part 11)
Просмотров 7142 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 11)
NoCode Chat App with FlutterFlow and Supabase (Part 10)
Просмотров 7032 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 10)
NoCode Chat App with FlutterFlow and Supabase (Part 9)
Просмотров 9773 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 9)
NoCode Chat App with FlutterFlow and Supabase (Part 8)
Просмотров 9893 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 8)
NoCode Chat App with FlutterFlow and Supabase (Part 7)
Просмотров 7863 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 7)
NoCode Chat App with FlutterFlow and Supabase (Part 6)
Просмотров 8753 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 6)
NoCode Chat App with FlutterFlow and Supabase (Part 5)
Просмотров 8773 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 5)
NoCode Chat App with FlutterFlow and Supabase (Part 4)
Просмотров 8853 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 4)
NoCode Chat App with FlutterFlow and Supabase (Part 3)
Просмотров 1 тыс.3 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 3)
NoCode Chat App with FlutterFlow and Supabase (Part 2)
Просмотров 1,1 тыс.3 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 2)
NoCode Chat App with FlutterFlow and Supabase (Part 1)
Просмотров 1,5 тыс.3 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 1)
NoCode Chat App with FlutterFlow and Supabase (Part 0)
Просмотров 2 тыс.3 месяца назад
NoCode Chat App with FlutterFlow and Supabase (Part 0)
Ultimate Step-by-Step Guide: Google Auth in FlutterFlow and Supabase
Просмотров 1,4 тыс.4 месяца назад
Ultimate Step-by-Step Guide: Google Auth in FlutterFlow and Supabase
Easiest Way To Create Dynamic Dropdowns in Flutterflow with Supabase
Просмотров 1,1 тыс.4 месяца назад
Easiest Way To Create Dynamic Dropdowns in Flutterflow with Supabase
Please note that of 3/8/2024, some users experienced a problem with the custom action after the FlutterFlow newest update. To circumvent this issue, the custom action in the github was updated with an additional line of code: import 'package:supabase_flutter/supabase_flutter.dart'; Please make sure you have this line of code as a compilation error will occur without it. Thank you to everyone in the comments for pointing this issue out!
this comment help me, thank you
@@user-oo5br1mv2q great thank you very much for bringing up the issue and glad that we managed to find a solution together. I guess this is also one of the drawbacks of using a no code editor like FF where we sometimes have to solve errors inside the black box.
it is not work!
the code no longer compiles, could you add a copy/paste of your custom function. I believe I have everything setup correctly on the Supabase side, yet i can't get the custom function to save in FF
Hey there. I just tried compiling on my end and it threw an error as well. I was able to compile the code perfectly fine just 4 hours ago but after I updated FF it all crashed. FF put out a new update just today so that is likely what caused the problem. I raised a bug report in FF's official github so hopefully they'll fix it soon
Does it work from the mobile app? That is, does it redirect the link to the mobile app or does it only work on the web? And in such case, if I cancel my flutterflow subscription, does it stop working? Thanks crack
For mobile apps your site url will be a different one. You can find it under settings -> app details -> url scheme (scroll down to the bottom). This will work for mobile apps.
If you cancel your subscription, it will still work on the web as FlutterFlow offers free web hosting
this is great, do you also plan to do voice and video calls? and infinite scrolling
Hi, how can I add an external SVG/gif into the app as a custom widget using code (not Lottie Animations)? Thank you! 😃
Thanks for such great tutorials, I managed to do everything the same as you, but I have a question, in my database I have a workers/users table. It is a relationship using the id, is there any way to filter the workers in the api call that brings me the users?
You can use a view and inner join both tables on the id foreign key. Then you can get users data by referencing the workers
Great stuff, thanks for this amazing tutorial!!! 😄
Thanks! 🙏
Hi, nice video! Just a quick question. When testing the app, it works the first time but the user keeps logged. And when Itry to test other changes, my user is always logged. How to log out the user? Thanks!
You can create a button in the home page and add a log out action to log out. Also thanks!
Brilliant as always!
Thank you!
baaaaaaaaaaaaaaaaad v
What made you think so? Could you elaborate?
@@just_xolotl You are cutting important parts of the video
Could you list down which parts to I can improve them? Thanks
More videos please 😢
Alright haha! I have some more chat app functions to add
@just_xolotl thanks. I hope you continue uploading more videos with real examples of flutterflow and supabase ✌🏻
👍 I have one planned for a social media app!
Thank you.. really helped me ! please more.. <3
Thanks! ❤️ what other functions would you like to see?
Nice work, please make a video about a supabase push notification.
Thanks! I’ve just found a way to do so and will be positing that soon 🔜
Excellent tutorial. I really like how you take the time to show step-by-step application development with Flutterflow.
Thank you brother ❤️
Excellent Video! Thank you very much for this.
Thanks brother ❤️
Great video. Is it possible to have a phone otp sign up without password ?
Thank you. Yes that is possible. It’ll be coming soon. In the mean time you can check out sign in with phone otp: ruclips.net/video/9ygSqNKTpXI/видео.htmlsi=uetJj1GidBsTyypO
Thanks! This was exactly what I needed!
Thanks!
Thanks for this. How do you handle forgot password with this method?
You are able to use the code for forgot password from here: Level Up Your App: Forgot and Reset Password in FlutterFlow and Supabase ruclips.net/video/4oVnyInSLZo/видео.html using the phone auth code as well. According to Supabase’s documentation, if the user has no email, it will send the reset password link to their phone number instead. Do let me know if you’d like a full tutorial on this!
@@just_xolotl thanks, much appreciated.. I’ll check this out and let you know if the tutorial is needed.
Hi, great video, can you do a video on how to add a user from within the app admin page. TIA
Thank you! will look into it
When I enter new password, it's says Unsuccessful, AuthException(message: Not Logged in., statusCode: null)
Are you using an iOS emulator or phone?
@@just_xolotl No, I'm on PC
@@Milos_Jov could you send me a short video of how you get that error either on instagram or facebook? Thanks!
I also get this error
you resolve this error?
The function 'UserAttributes' isn't defined. Try importing the library that defines 'UserAttributes', correcting the name to the name of an existing function, or defining a function named 'UserAttributes'.
Did you copy and paste the whole code? If you did try compiling the custom code again, sometimes FF takes some time to compile it
@@just_xolotl Yes I copy pasted the whole custom code. I tried it from a different video too but the custom code throws this one error
@@arijitpaull is your FF up to date? Perhaps it could be due to a versioning error
hey there. I just found out that this error was due to a FF update. To circumvent the issue, I found that you have to add this additional line of code to import supabase_flutter package again. For some reason, it was unable to find the package after the new update :/ import 'package:supabase_flutter/supabase_flutter.dart';
@arjitpaull @DaveG0925 hey there. I just found out that this error was due to a FF update. To circumvent the issue, I found that you have to add this additional line of code to import supabase_flutter package again. For some reason, it was unable to find the package after the new update :/ import 'package:supabase_flutter/supabase_flutter.dart';
I can't open the app from Safari on my iphone. I get the error 'problem repeatedly occured on "null" ', what does this mean?
Hi did you publish your app to the web?
@@just_xolotl Yes I have published it and it's perfectly running on Windows and Android all browser if the same web application try to open on iPhone's any safari I got the error.
Hi there, Thank you for your Tutorials!, I love the simple explanations, could you please make some tutorials on Stripe payment integrations, Thank you!
Alright! Will look into that and thanks!
How do I get the OTPComponent? I tried to clone the FlutterFlow project but it said access might be restricted
Sorry about that I forgot to make the project public. I’ve just done so so the link should work now. BTW you can find the otp component in flutterflow’s template components.
@@just_xolotlahh it was under "PIN". My bad. Great vid! Love itt!!
Update: I have implemented this so it takes info already in the app. (Like a favourite location) and it’s all done on one button (icon). I built in a delay just in case but this has allowed me to bypass 2 buttons. Thank you Joel for showing me how it’s possible. 😊😊
Awesome! 👏
Thank you buddy!
Thanks for watching!
please show how to connect a domain 😊
Alright! 👍
+1
I'm building search bar for usernames. Is it good idea to store all usernames and make something like "filter the text typed in textfield equal to username from username table"? Less complicated i think?
The problem with that is that it’ll only filter for when the user input is exactly equal to the username. So if you want a better search bar which returns results even when the search string is only a part of the username, you have to use an api call. Good question though!
@@just_xolotl got it. thanks for the reply.
Thanks so much😊
Thanks!
Amazing! 👏
Thank you! 😄
Thanks!
Subscribed, please keep posting
Thanks 🙏
@@just_xolotl Can you please make a tutorial to integrate WordPress posts api in Flutterflow?
You have no idea how much you've saved me... Here I was thinking of how I can get Maps onto flutter (mine is having issues atm) and you show me a cooler way to handle it... Thanks a bunch🤝 ps... you forgot to link the custom function code
Thanks! My bad haha I’ll put it in now
How to clone flutterflow project?
just put in the link! You should be able to clone it now!
link to copy the flutter flow project didnt work
Problem remedied! The link should work now!
hey can you share github link?
done! Thanks for noticing the mistake!
@@just_xolotl you interested in helping me build something in flutterflow?
sure! you can contact me on instagram/facebook and we can take it from there.
@@just_xolotl I do not have instagram or facebook do you have discord?
@@just_xolotl do you have discord? I don’t have insta or Facebook lol
great video Sir, can you also make a video about users are able to pin a specific location (lat, long) and store it to supabase.
Good suggestion 👍
@@just_xolotl can you make me a custom widget code for that sir? and how much would it cost?
@@princearkmiguel2151 hey there! could you pm me on instagram about this? Thanks!
I love your FlutterFlow tutorials! Thanks so much Friend! 🙏👍
Thanks for watching! Much love ❤️
Hello, can you explain the following system using Supabase, the friend request system (adding, accepting, and rejecting a friend)
Good suggestion! Will look into that soon!
Great it is very helpful for learning. I tried ib test mode but it's throwing error like Invalid Phone number format (E.164 format required). I am from India and I tried with the format +91 XXXXX XXXXX where +91 is our country code and I tried with different combinations but no luck. Can you please what is the correct format.
Hi did you use the same phone number you verified with in Twilio? If you only have the free Twilio account, you can only send messages to that phone number.
You can also check to see if you enabled sending messages to your region (India) in the Twilio settings
@@just_xolotl Yes I have used the same phone number which verified in Twilio.
@@just_xolotl Where I can see these options in settings? I couldn't able to locate
@@just_xolotl Yes I have used the same number which is verified in Twilio.
Hello, AI and Flutterflow are useful tools, but understanding the logic behind the code, especially business logic, is important. Quality also affects the app. I saw a Flutterflow user who was frustrated because it didn't meet their expectations and said that apps should only be developed with Flutter. However, this is not true. For me, combining Flutterflow, AI, and experience with source logic creates an amazing workflow.
Very true!
I have my chat page + the rest of the content is inside a component (including the listview). Because of this, I am unable to refresh database request on the chat page. How do I implement the real time feature in this case?
You can try moving the on page load actions to the on initialization action in your component
thank you so much
👍
Thank you for such a useful lesson with Supabase. However, I encountered difficulties: I completely repeated your actions, but unfortunately, the search itself does not work, although the data is transmitted via the API. When I enter a word into the search bar, and I know for sure that it is in the database in the correct column, the search does not work for me. Could there be a problem with the widget structure?
Hi did you disable row level security on your table?
@@just_xolotl Hi! Row Level Security (RLS) disabled for my table
@@just_xolotl I repeated all the steps again and everything worked. However, the search and download are quite slow (in test mode). How can I speed up API data loading and search?
Maybe try changing the region your Supabase project is hosted in? That's the only way I can think of to speed up the API call
can you share the project or can i download to test the project?
Just added it to the video description!
Hey! Bro, Is it possible for the dropdown row to navigate to a different screen when we click on the discipline? Could you please make a video or explain how it works?
That’s a bit more complicated but it can be done
Hi, ive been watching your content recently and subscribed. Thanks for all the great tutorial. Anyway, did you do any lesson on how to do the rating, average rating on FF? All tutorial i found on RUclips is based on firebase and none of them.show how to do using Supabase..😅
Hi thank you for the video! Very nice content, can you please do forgot password option with FF and Supabase? Thank you so much 😊
Yes it’s coming very soon!
@@just_xolotl thankssss!!
what is diffrent firebase, supabase sir??
Supabase uses a relational database (data stored in tables) while Firebase uses a non-relational document style database where data is stored in documents. You can search about the pros and cons of both online :)
Hi! Thank you so much for this tutorial. But when i click save changes without changing the profile pic, but changing other profile info, the profile pic is updating itself as NULL. Can you please suggest any help?
Yup. The problem is that I forgot to save the profile pic in a page state variable then updating the supabase row with that page state variable instead so that it won’t be null. That’s an oversight on my part.
@@just_xolotl thank you for replying. But can you explain this in detail if you don't mind?
@@DinoProjects-o9g you can dm me on insta/facebook and i can explain more in detail there!
@@just_xolotl sure