- 59
- 122 157
just xolotl
Singapore
Приєднався 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 Database Design in Only 5 Simple Steps (Part 2)
🌟 Welcome to the second part of this comprehensive database design course! In this video, we’ll guide you through the essentials of building effective relational databases for your app using Supabase. Whether you're a beginner or looking to refine your skills, this database tutorial for beginners will cover everything you need to know about database structure and database architecture.
🚀 In this session, we’ll explorefive simple steps you can take to design effective database architectures. You’ll learn the best principles and practices for database design that will set you up for success in your app development journey.
💻 Plus, in the third and forth video, we’ll touch on how to integrate Supabase with FlutterFlow to streamline your nocode projects. By the end of this video, you’ll have a solid understanding of SQL and PostgreSQL, empowering you to create robust databases for your applications.
👉 Don’t forget to like, subscribe, and hit the notification bell for more insights on database design and app development!
Learn about relational databases here!
support.microsoft.com/en-us/office/database-design-basics-eb2159cf-1e30-401a-8084-bd4f9c9ca1f5#bmgood
Chapters
00:00 - Intro
00:27 - Step 1
00:52 - Step 2
02:04 - Step 3
03:09 - Step 4
07:01 - Step 5
09:16 - Outro
---------------------------------------------------------------------------------------------------------------------------
V i d e o s t o w a t c h n e x t
Master Flutterflow API Integration
ua-cam.com/video/aruB1K92fB0/v-deo.html
Integrate Simple Search using Supabase
ua-cam.com/video/yExwJg1Kz0s/v-deo.html
Everything you need to know about DataTables
ua-cam.com/video/ky3VOgatafs/v-deo.html
--------------------------------------------------------------------------------------------------------------------------
Have any questions? Reach out to me!
Instagram: @just_xolotl
🚀 In this session, we’ll explorefive simple steps you can take to design effective database architectures. You’ll learn the best principles and practices for database design that will set you up for success in your app development journey.
💻 Plus, in the third and forth video, we’ll touch on how to integrate Supabase with FlutterFlow to streamline your nocode projects. By the end of this video, you’ll have a solid understanding of SQL and PostgreSQL, empowering you to create robust databases for your applications.
👉 Don’t forget to like, subscribe, and hit the notification bell for more insights on database design and app development!
Learn about relational databases here!
support.microsoft.com/en-us/office/database-design-basics-eb2159cf-1e30-401a-8084-bd4f9c9ca1f5#bmgood
Chapters
00:00 - Intro
00:27 - Step 1
00:52 - Step 2
02:04 - Step 3
03:09 - Step 4
07:01 - Step 5
09:16 - Outro
---------------------------------------------------------------------------------------------------------------------------
V i d e o s t o w a t c h n e x t
Master Flutterflow API Integration
ua-cam.com/video/aruB1K92fB0/v-deo.html
Integrate Simple Search using Supabase
ua-cam.com/video/yExwJg1Kz0s/v-deo.html
Everything you need to know about DataTables
ua-cam.com/video/ky3VOgatafs/v-deo.html
--------------------------------------------------------------------------------------------------------------------------
Have any questions? Reach out to me!
Instagram: @just_xolotl
Переглядів: 1
Відео
Master Database Design: How to Build Effective Relational Databases Part 1
Переглядів 225День тому
🌟 Welcome to the first part of this comprehensive database design course! In this video, we’ll guide you through the essentials of building effective relational databases for your app using Supabase. Whether you're a beginner or looking to refine your skills, this database tutorial for beginners will cover everything you need to know about database structure and database architecture. 🚀 In this...
FlutterFlow 5.0: 5 Features That Will Change Everything!
Переглядів 2 тис.2 місяці тому
🌟 FlutterFlow 5.0: 5 Features That Will Change Everything! 🌟 Welcome to the ultimate guide on the game-changing features of FlutterFlow 5.0! 🚀 In this video, we dive deep into the latest FlutterFlow new update and explore five revolutionary features that will transform your no code development journey. Whether you're a seasoned developer or just starting out, these updates are designed to super...
MASTERING Push Notifications in FlutterFlow and Supabase Made Easy
Переглядів 3,4 тис.2 місяці тому
Welcome to our Complete Step-by-Step Guide to Push Notifications in FlutterFlow and Supabase! This beginner tutorial will teach you how to send and receive push notifications using FlutterFlow and Supabase. We’ll cover the simplest and easiest methods, including integration with Firebase Cloud Messenger. You’ll also learn about Supabase Edge Functions and Supabase Webhooks. Perfect for no-code ...
Supabase Phone Verification Made EASY! Step-by-step FlutterFlow Guide
Переглядів 1,1 тис.3 місяці тому
In this comprehensive step-by-step tutorial, we’ll guide you through the process of unlocking phone verification using Supabase in FlutterFlow. If you're looking to implement phone number verification in your mobile app, this video is perfect for you! We’ll cover everything from the basics of FlutterFlow and Supabase to the specifics of setting up phone authentication. Whether you're a beginner...
Updated! Email Verification with Token in FlutterFlow and Supabase
Переглядів 1,9 тис.3 місяці тому
In this exciting tutorial, we dive into the world of email verification using a token one time pin with FlutterFlow and Supabase. If you've been waiting to implement email verification in your mobile app, this is the video for you! Send an email containing a token one time pin via email to verify your user’s account via Supabase. Learn how to seamlessly integrate FlutterFlow and Supabase for a ...
Finally! Email Verification with FlutterFlow and Supabase
Переглядів 2,2 тис.3 місяці тому
In this exciting tutorial, we dive into the world of email verification with FlutterFlow and Supabase. If you've been waiting to implement email verification in your mobile app, this is the video for you! Learn how to seamlessly integrate FlutterFlow and Supabase for a smooth authentication process. Whether you're a beginner or an experienced developer, this tutorial will guide you through the ...
Master the WhatsApp API in your FlutterFlow Apps in 8 minutes
Переглядів 1,3 тис.4 місяці тому
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 op...
Send Emails with a Custom Domain in Supabase using Resend (Custom SMTP Integration)
Переглядів 1,8 тис.4 місяці тому
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
Переглядів 3,4 тис.4 місяці тому
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)
Переглядів 1,5 тис.4 місяці тому
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)
Переглядів 9044 місяці тому
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
Переглядів 8205 місяців тому
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
Переглядів 3 тис.5 місяців тому
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
Переглядів 3 тис.5 місяців тому
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
Переглядів 2,5 тис.5 місяців тому
Working 2024 Method! Phone OTP in FlutterFlow and Supabase
NoCode Chat App with FlutterFlow and Supabase (Part 18)
Переглядів 9276 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 18)
NoCode Chat App with FlutterFlow and Supabase (Part 17)
Переглядів 5946 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 17)
NoCode Chat App with FlutterFlow and Supabase (Part 16)
Переглядів 6576 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 16)
NoCode Chat App with FlutterFlow and Supabase (Part 15)
Переглядів 7336 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 15)
NoCode Chat App with FlutterFlow and Supabase (Part 14)
Переглядів 8346 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 14)
NoCode Chat App with FlutterFlow and Supabase (Part 13)
Переглядів 1,5 тис.6 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 13)
NoCode Chat App with FlutterFlow and Supabase (Part 12)
Переглядів 1,2 тис.6 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 12)
NoCode Chat App with FlutterFlow and Supabase (Part 11)
Переглядів 1,3 тис.6 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 11)
NoCode Chat App with FlutterFlow and Supabase (Part 10)
Переглядів 1,4 тис.6 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 10)
NoCode Chat App with FlutterFlow and Supabase (Part 9)
Переглядів 1,8 тис.6 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 9)
NoCode Chat App with FlutterFlow and Supabase (Part 8)
Переглядів 1,7 тис.7 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 8)
NoCode Chat App with FlutterFlow and Supabase (Part 7)
Переглядів 1,5 тис.7 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 7)
NoCode Chat App with FlutterFlow and Supabase (Part 6)
Переглядів 1,6 тис.7 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 6)
NoCode Chat App with FlutterFlow and Supabase (Part 5)
Переглядів 1,6 тис.7 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 5)
Thank you
Hello, Please don't mind. Sorry to disturb you. I really enjoyed watching the videos of your channel. But very few people are watching those videos. If the viewers and subscribers are not high then your channel will not be nominated for monetization. channel but not many viewers have seen them.there are video 58 Your Video SEO Score 6% is very low. Because it is very far in the search ranking. very important Thumbnails Design Keywords Research SEO-friendly Title and Description As a result, the audience does not find it. If your video is SEO optimized your video will be at the top of the search engine, so viewers will see it. SEO your video, you will understand the difference. I wish you all the best. Note: (I will give you (Thumbnails Design free)I will do the Video SEO of your UA-cam channel So that every video of yours starts getting more and more views and goes viral.
Thank you. Learn api theory and flutter flow in one video.
Brother i msg you on instagram... i have problems with making this custom actions i have error in code that i copy paste from your github... subscribe and unsubscribe...
hey, did you manage to resolve it? I also have an issue subscribe custom code and cant open test mode, this error appears: 67 packages have newer versions incompatible with dependency constraints.
and IOS?
Thank you! Amazing video.
Hello brother good job... what i find as a problem is that when user post something in group and leave group after that... for others users it shows error... when i add that user again in group error disaperes ... what would be nice to add is like on whacap to respond on some msgs in group, to like some msgs in group.... to kick someone from the group... video calll and voice call so we will have entire app done... maybe OTP number instead of mail verification
Thanks for the video, could you please make another video for push notification ? there is an issue with the awesome_notification, it works fine for android but it fails when I tried to deploy the app to IOS
can we reset password? make a new video if it's possible please!
I'm just dropping by to thank you and ask for your help. In the Supabase menu, there is an option in your project called use supabase v1. I did everything following your steps and it showed an error. In the clone of your project it works and when I disable using supabase v1 it shows the same error as in my project. Is there a way to fix this?
This video is fantastic! How do you handle the situation when the user closes the app before they verify their email? The user is created but email has not been verified. When they go back to the app's login page and try to login, FF will return an error that the email is verified. But, there is no way to catch that error and redirect them to the email verification page. Any suggestions on how to handle?
The recent Supabase update messed up the password change. Now when I click the button the message shows "Auth session missing!" 400 error code. Do you have an idea on how to fix it? EDIT: I also tried using the "Update Password" action in FlutterFlow, but it just shows a white screen after the user clicks anything.
same issue here
Thanks much, it helps a lot! I have a question though, how does the the redirecting know which page to land to after verification? What if I want to send users to a specific page and not the homepage?
!! FIXED PROBLEM!!! I think nobody is reading my post to fix the problem I mentioned and make the code run properly. It took several weeks to figure this out. Here is the solution: Even if you're using Supabase, create a Firebase collection (like test or smthng.) in Flutterflow. The code import 'backend/firebase/firebase_config.dart'; appears in main.dart. This will fix the issue. You do not have to use the firebase collection. Just create it. 👍👍
Dude this is an amazing video! Love the humor 🤌🏼 don't listen to them boomers. Your content is great and keep em coming 👀 I commented from my actual account after watching the video anonymously because I couldn't stand these negative comments and I gotta let you know you are doing great!
Thanks really appreciate it! ❤️
Here you go again with some super useful content. I really like this UA-cam channel ... thank you very much for your passion and commitment. À très bientôt 🥳!!!!!
Thank you very much! ❤️
I keep getting a message that warn:no seed files matched pattern: supabase/seed.sql
thank you so mucch these are super helpful
You're so welcome!
Great video! Keep on the good work! 💪
Thanks! Huge fan of your vids too ❤️
can i make this app from your tutorials with supabase free version?
Yes you can!
Hola genial video!!!!. Todo el proceso perfecto, pero al finalizar y tras poner la nueva password y darle al botón para que se actualice, me arroja el siguiente error Error: Unable to validate email address: invalid format. A que se puede deber?. Gracias!!!!
Hmm seems like your email is in an invalid format. Could you check what email you are passing?
I think this is best video to understand Supabase search. Good video . Thanks please keep up.
Huge thanks! ☺️
thankss broo!!
Top notch work, excellent video.
Like how you tackle most needed functionalities in Flutterflow dev Can you make us a video about how to have on page translate like the one in airbnb for example, the app translate automatically to the user preference language. Thanks Is it possible with flutterflow ?
Yes it is! Flutterflow has built in translation. Will definitely make a video about that soon!
Good job bro! very detailed tutorial!
Appreciate it!
Nice job man! Thank you so much
Glad it helped!
how do you get FCM? I follow the same steps but it doesn't work.
Are you testing it on an emulator or real phone? If you are using FF’s web based test mode, there won’t be any token
How do I implement this for a mobile app, some way to redirect to the app, or do I need a web version?
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.
@just_xolotl I Created a new FF project to try to retrieve the fcmToken, and it’s working. After comparing, I found that there is a line in main.dart in the working version that the non-working project doesn’t contain. The working version includes this line of code: import 'backend/firebase/firebase_config.dart';. Could this be necessary in main.dart to get the fcmToken? If yes, how to put this line in the main.dart?
--- Solved-- YES!!!! Even you use supabase, create a collection in firebase. The code "import 'backend/firebase/firebase_config.dart'; " appears in main.dart. this will fix the issue. 👍👍
Awesome! For IOS what extra needs to be done here?
Hello, dear developer. I’ve encountered an issue where, when I click on a conversation, I receive the following error. How can I fix this? What should I check?``` Unexpected null value. The relevant error-causing widget was: Builder Stack trace: dart:sdk_internal 12007:11 throw_ dart:sdk_internal 12363:30 nullCheck packages/chat_app/backend/supabase/storage/storage.dart.js 6351:231 <fn> packages/chat_app/backend/supabase/storage/storage.dart.js 6356:43 <fn> ... ```
Hi! A null value error means that one of the values you have is null. What I would do is check all my fields that I have set dynamically and pass a default value into everyone of them like (“error”) so the app still runs but then we can know which field has an error.
Thanks for the detailed tutorial. One question though: do you have to use firebase authentication to have the custom function to work or did you used Supabase authentication in your app?
I used Supabase authentication!
Great tutorial Joel! To resend the verification email you can also use this custom action to avoid passing the passwords as page parameters: "// Automatic FlutterFlow imports import '/backend/schema/structs/index.dart'; import '/backend/schema/enums/enums.dart'; import '/backend/supabase/supabase.dart'; import '/actions/actions.dart' as action_blocks; import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/custom_code/actions/index.dart'; // Imports other custom actions import '/flutter_flow/custom_functions.dart'; // Imports custom functions import 'package:flutter/material.dart'; // Begin custom action code // DO NOT REMOVE OR MODIFY THE CODE ABOVE! Future<String?> resendVerificationEmail(String email) async { try { final supabase = SupaFlow.client; await supabase.auth.resend( type: OtpType.signup, email: email, ); return null; } on AuthException catch (e) { return e.message; } on AuthException catch (e) { return "Error: ${e.message}"; } catch (e) { return "Unexpected error: $e"; } }"
Awesome! That’s a better solution thanks for that!
Thank you very much sir🔥🔥🔥🔥
Most welcome
Hey if you know about flutterflow branching then please help me
Hey, nice video that’s what I looked for. Just a moment to clarify, every time I generate api key for gemini, I got key for 1.5 pro version. Free plan of pro gets me 50 request per day at this time gemini 1.5 flash free plan gets 1500 requests per day. Do you know how to generate api key for flash version because I need more requests per day and I don’t really need pro version. Thanks
great work, can you be able to do one using phone number otp
Great episodic series better than binging Netflix! 🎉
So before i get verified, I should have my own hosting domain like on the other site?
Can you use Supabase query on this method
Aweesome tutorial, but what if I have multiple FF apps accessing the same Supabase backend, does the process work for all my apps? (I'm talking about the site URL)
Thank you for your enriching content, can we do on an e-commerce application with flutterflow ❤
Yes, absolutely! I’m planning a series on that now actually!
Great work!
I have looked very carefully and done but can not authenticate. Please help me. Thanks.
Hi can you plz make a video on how to delete profile pic also from supabase using flutterflow, i mean if a user update his profile pic then older pic should be removed permanently and then upload new profile pic, in my case old pics are not getting removed and the new pic also stored in supabase bucket. so tell me how can remove older profile pic. thanks