- 51
- 57 798
just xolotl
Singapore
Registrace 1. 02. 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. :)
Send Emails with a Custom Domain in Supabase using Resend (Custom SMTP Integration)
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 and outs of Resend, Supabase, custom SMTP integration, and more. Don't miss out on this comprehensive guide to maximizing your email capabilities with Resend in Supabase.
Check out how to Implement A Password Reset Function:
czcams.com/video/4oVnyInSLZo/video.html
Use Resend to Send Email OTPs:
czcams.com/video/iaNwdWPKR-E/video.html
Chapters
00:00 - Intro
00:22 - Create a Resend Account
00:33 - Connect Your Custom Domain
01:47 - Generate an API key
02:55 - Configure Supabase
04:23 - Testing
05:55 - Outro
---------------------------------------------------------------------------------------------------------------------------
V i d e o s t o w a t c h n e x t
Master Flutterflow API Integration
czcams.com/video/aruB1K92fB0/video.html
Integrate Simple Search using Supabase
czcams.com/video/yExwJg1Kz0s/video.html
Everything you need to know about DataTables
czcams.com/video/ky3VOgatafs/video.html
--------------------------------------------------------------------------------------------------------------------------
Have any questions? Reach out to me!
Instagram: @just_xolotl
Check out how to Implement A Password Reset Function:
czcams.com/video/4oVnyInSLZo/video.html
Use Resend to Send Email OTPs:
czcams.com/video/iaNwdWPKR-E/video.html
Chapters
00:00 - Intro
00:22 - Create a Resend Account
00:33 - Connect Your Custom Domain
01:47 - Generate an API key
02:55 - Configure Supabase
04:23 - Testing
05:55 - Outro
---------------------------------------------------------------------------------------------------------------------------
V i d e o s t o w a t c h n e x t
Master Flutterflow API Integration
czcams.com/video/aruB1K92fB0/video.html
Integrate Simple Search using Supabase
czcams.com/video/yExwJg1Kz0s/video.html
Everything you need to know about DataTables
czcams.com/video/ky3VOgatafs/video.html
--------------------------------------------------------------------------------------------------------------------------
Have any questions? Reach out to me!
Instagram: @just_xolotl
zhlédnutí: 142
Video
Level Up Your App: Forgot and Reset Password in FlutterFlow and Supabase
zhlédnutí 320Před 16 hodinami
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)
zhlédnutí 388Před 14 dny
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)
zhlédnutí 422Před 14 dny
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
zhlédnutí 391Před 21 dnem
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
zhlédnutí 929Před měsícem
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
zhlédnutí 1,2KPřed měsícem
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
zhlédnutí 1,2KPřed měsícem
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)
zhlédnutí 369Před měsícem
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)
zhlédnutí 245Před měsícem
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)
zhlédnutí 280Před měsícem
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)
zhlédnutí 346Před 2 měsíci
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)
zhlédnutí 393Před 2 měsíci
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)
zhlédnutí 699Před 2 měsíci
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)
zhlédnutí 553Před 2 měsíci
In this video, we continue our series on building a chat app using FlutterFlow and Supabase with Part 12. 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 11)
zhlédnutí 661Před 2 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 11)
NoCode Chat App with FlutterFlow and Supabase (Part 10)
zhlédnutí 650Před 2 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 10)
NoCode Chat App with FlutterFlow and Supabase (Part 9)
zhlédnutí 908Před 2 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 9)
NoCode Chat App with FlutterFlow and Supabase (Part 8)
zhlédnutí 934Před 3 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 8)
NoCode Chat App with FlutterFlow and Supabase (Part 7)
zhlédnutí 721Před 3 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 7)
NoCode Chat App with FlutterFlow and Supabase (Part 6)
zhlédnutí 797Před 3 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 6)
NoCode Chat App with FlutterFlow and Supabase (Part 5)
zhlédnutí 806Před 3 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 5)
NoCode Chat App with FlutterFlow and Supabase (Part 4)
zhlédnutí 803Před 3 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 4)
NoCode Chat App with FlutterFlow and Supabase (Part 3)
zhlédnutí 907Před 3 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 3)
NoCode Chat App with FlutterFlow and Supabase (Part 2)
zhlédnutí 1,1KPřed 3 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 2)
NoCode Chat App with FlutterFlow and Supabase (Part 1)
zhlédnutí 1,4KPřed 3 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 1)
NoCode Chat App with FlutterFlow and Supabase (Part 0)
zhlédnutí 1,8KPřed 3 měsíci
NoCode Chat App with FlutterFlow and Supabase (Part 0)
Ultimate Step-by-Step Guide: Google Auth in FlutterFlow and Supabase
zhlédnutí 1,4KPřed 3 měsíci
Ultimate Step-by-Step Guide: Google Auth in FlutterFlow and Supabase
Easiest Way To Create Dynamic Dropdowns in Flutterflow with Supabase
zhlédnutí 1,1KPřed 4 měsíci
Easiest Way To Create Dynamic Dropdowns in Flutterflow with Supabase
How to Set Up OTP Login in FlutterFlow and Supabase (NEW 2024 Method)
zhlédnutí 3,3KPřed 4 měsíci
How to Set Up OTP Login in FlutterFlow and Supabase (NEW 2024 Method)
Hello Professor.. Professor, can you teach me how to make the “Like Post” button and how to show the number of answers for each post using the Supabase databases?
Hello Professor.. Professor, can you teach me how to make the “Like Post” button and how to show the number of answers for each post using the Supabase databases?
Thank you.. really helped me ! please more.. <3
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: czcams.com/video/9ygSqNKTpXI/video.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 czcams.com/video/4oVnyInSLZo/video.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!
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
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 CZcams 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
awesome video Joel, can you expand on this to get the Places ID and a Places Photo from Google. I’m struggling with this right now. Thanks Mark. 😊
That would require Google’s actual api but sure I could look into that 👍
@@just_xolotl Thanks, It would really help me right now. 😀
still simply looking for a small category app 😄like Language learning app with one on one call , gym workouts app, wallpapers app etc. with both UI and Backend .
Ok will keep that in mind
Simply Great
❤️
That's an interesting stack! We learn a lot on your channel when you put supabase and Flutterflow, today Buildship, into play. Thank you for your commitment! Keep it up with flutterflow, Supabase and Buildship, we really appreciate it. 🥳
Thanks! Planning to push out more Buildship content as well!
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
why it does not works on me ?
Did you try using run mode? The splash screen will only show up for a split second too
Hi bro, you create wonderful videos. However, when I was searching for how to create a profile edit with Supabase, I did not find your video. If possible, please use hashtags. I was watching how you created the chat app and realized that you created the profile setup and edit profile videos a long time ago, but I couldn't find them. No issues now, I found your channel and I'm glad to have it. Can you also show your mouse cursor to indicate where you are clicking? In this video, you used the keyboard, so it was difficult to navigate
Thanks bro. I just realised that my cursor is no longer showing as well. I will have to see what’s going on with my editing software but thanks for the feedback 😁
thx u
Thx brother
Would you be able to make a video(s) on how to build a dating app in the future, please?
Thx for the suggestion will consider it
Is it possible to test the google outh on the web test mode?
It shld be possible if you publish it on the web