![rapidmvp](/img/default-banner.jpg)
- Видео 37
- Просмотров 41 398
rapidmvp
Добавлен 29 дек 2023
Building mobile and web apps with Flutterflow and Supabase. Testing to see what works and passing on what I learn. New videos posted every week.
Set up push notifications with Flutterflow and Supabase (Android)
Set up push notifications with Flutterflow and Supabase to engage your users.
In this video run through a method you can use to set up push notifications on your mobile apps if you are a Flutterflow user that has Supabase for your auth and database.
We look at the tech stack we need, the Flutter packages, the logic required and all the custom actions and API calls. As always the code seen in the video can be copied from this link:
rapidmvp.co/set-up-notifications-with-flutterflow-and-supabase/
The One Signal documentation can be found here:
documentation.onesignal.com/reference/quick-start-api-guide
This is part 1 of a two part series. In part two we will look at the logic we need if our user e...
In this video run through a method you can use to set up push notifications on your mobile apps if you are a Flutterflow user that has Supabase for your auth and database.
We look at the tech stack we need, the Flutter packages, the logic required and all the custom actions and API calls. As always the code seen in the video can be copied from this link:
rapidmvp.co/set-up-notifications-with-flutterflow-and-supabase/
The One Signal documentation can be found here:
documentation.onesignal.com/reference/quick-start-api-guide
This is part 1 of a two part series. In part two we will look at the logic we need if our user e...
Просмотров: 119
Видео
How to write ai prompts for Flutterflow apps
Просмотров 17214 дней назад
You can get exactly the information you need from AI by knowing how to write AI prompts for your Flutterflow apps. In the video we look at calling the Open AI API with generic prompts and then changing them to a very specific set of instructions. The AI prompts that are specific give is consistency in the responses and allows us to use the information much more effectively in our Flutterflow ap...
How to use JSON data in Flutterflow
Просмотров 49614 дней назад
In this video we look at three ways to extract what you need from a JSON object. Knowing how to use JSON data in Flutterflow is an essential skill for connecting to external API services or even your own database. The three ways we look into for extracting information from JSON into your Flutterflow app are: - Using JSON paths when making an API call from Flutterflow - Using custom datatypes fo...
How to use loops in Flutterflow
Просмотров 66728 дней назад
Knowing how to use loops is a fundamental skill for developers. Flutterflow makes loops easy by providing us with a loop action to work with. In this video we go through an example of where we might use a loop and run through what we need to do to make it work and crucially, end.
How to use components in Flutterflow (Easy Version)
Просмотров 255Месяц назад
Knowing how to use components in Flutterflow can speed up your development time with reusable app elements. In this video Flutterflow beginner level video, we look at a simple component, how we can use it and the Callback method we use to extract the information we need from component variables.
How to set up log in with Google with Flutterflow and Supabase
Просмотров 145Месяц назад
Adding the log in with Google option is proved to increase the sign up rate to your apps. Clone the Flutterflow project: rapidmvp.co/flutterflow-templates/ Anecdotally developers report more user sign ups with Google compared to email and password. In this video we go step by step through the process of enabling log in with Google with Flutterflow and Supabase for web, Android and iOS. The proc...
How to set up Supabase authentication (Free Flutterflow Course)
Просмотров 328Месяц назад
Work step by step through Supabase auth in this free beginner Flutterflow course style video. Clone the Flutterflow project: rapidmvp.co/flutterflow-templates/ The video is split into 4 lesson sections: Module 1: Lesson 1 00:00 Module 1: Lesson 2 36:58 Module 2: Lesson 1 55:34 Module 2: Lesson 2 1:15:19 All of the code used in Module 2 can be copied from the Google Doc in this link: docs.google...
Alternative to Stripe. (How to use Square payment links)
Просмотров 242Месяц назад
Sign up to square: squareup.com/i/RAPIDMVPCO Square is possibly an easier alternative to Stripe Payment Links, which allow more customisation through the API as opposed to the no code option of Stripe. In the video we look at an example of setting up a Square payment link through Flutterflow and sending the http request to the API via Supabase. The referral link above will get you £1000 of free...
How to sum the values of AppState and PageState variables in Flutterflow
Просмотров 4852 месяца назад
In this beginners tutorial, we look at how to sum the values of local state variables in Flutterflow. Knowing the sum of values for a variable is a crucial piece of information for a whole host of different application types. This works for both AppState and PageState variables and is set up to sum the values of a list of objects. The code snippet used in the video can be downloaded from here: ...
Supabase Realtime (How to subscribe to real time changes in Flutterflow)
Просмотров 9492 месяца назад
Supabase Realtime allows us to stream real time database changes to our Flutterflow applications. This functionality can be useful for a number of use cases such as chat apps, booking apps, live updates, sports scores etc. Any application you can think of that requires the data to be updated live from the database will benefit from Supabase Realtime. The example we are using in the video is sub...
How to create a custom action in Flutterflow
Просмотров 6192 месяца назад
Working beyond the built in functions of Flutterflow is crucial for getting the most from the platform. Knowing hoe to create custom actions is a must have skill for all Flutterflow developers. In the video we look at the process of creating a custom action, inserting the code you need to make it work and returning a value to you app. This is a simple demo, but the process is very similar for m...
Keeping API keys secure with Supabase vault
Просмотров 4752 месяца назад
Allowing your API keys to be intercepted, read by users or worse, malicious actors, can be catastrophic. Knowing how to keep API keys secure with Supabase Vault, behind an encrypted wall, can allow you to focus on app development and not worry about potentially harmful leaks. In this video we have two methods of using the Supabase vault to store and retrieve our API keys when we need them in ou...
Flutterflow Stripe Subscriptions (App subscriptions using Stripe payment links)
Просмотров 1,4 тыс.3 месяца назад
Using Stripe payment links for subscriptions in your Flutterflow apps is a no code method of adding payment functionality without needing the Stripe API. In this video we look at how to add Stripe payment links to your Flutterflow app to receive subscription payments from your users. The code snippets used in the video can be copied from here: rapidmvp.co/how-to-use-stripe-payment-links-in-flut...
How to use wrappers in Supabase
Просмотров 5073 месяца назад
Learning how to use wrappers in Supabase will allow you to import third party data into your Supabase tables from a number of different providers, including Stripe. In this video we will look at importing data into Supabase by using a wrapper. The examples used are Stripe and Airtable, but Supabase allows you to use other services too. Once we have access to the data in a Supabase wrapper, we c...
How to Make API Calls in Flutterflow
Просмотров 1,2 тыс.3 месяца назад
Knowing how to make API calls in your Flutterflow application allows you to make much more complex applications and user experiences. Connecting to an API from within Flutterflow is not too difficult. In this video we walk through the process using the OpenAi image generation API. We will create a simple user interface to send the prompt and display the resulting image and make the API call to ...
Step By Step Beginner Flutterflow Tutorial (Create a Simple Group Chat App)
Просмотров 1,2 тыс.3 месяца назад
Step By Step Beginner Flutterflow Tutorial (Create a Simple Group Chat App)
How To Use Conditional Actions on Flutterflow Widgets (Colour, Visibility & Position)
Просмотров 1,3 тыс.4 месяца назад
How To Use Conditional Actions on Flutterflow Widgets (Colour, Visibility & Position)
How to use Flutterflow drag and drop with Supabase keyword search
Просмотров 5754 месяца назад
How to use Flutterflow drag and drop with Supabase keyword search
How to add a background image in Flutterflow
Просмотров 1,8 тыс.4 месяца назад
How to add a background image in Flutterflow
Beginner Flutterflow Tutorial - Build a Trivia App Step by Step (Part 2)
Просмотров 1,4 тыс.5 месяцев назад
Beginner Flutterflow Tutorial - Build a Trivia App Step by Step (Part 2)
Flutterflow tutorial - How to create custom log in actions
Просмотров 7805 месяцев назад
Flutterflow tutorial - How to create custom log in actions
Flutterflow Tutorial For Beginners (Building a simple trivia game app)
Просмотров 4,8 тыс.5 месяцев назад
Flutterflow Tutorial For Beginners (Building a simple trivia game app)
How to connect to the OpenAI API from Supabase
Просмотров 4755 месяцев назад
How to connect to the OpenAI API from Supabase
How to send SMS messages from Supabase
Просмотров 6745 месяцев назад
How to send SMS messages from Supabase
How to send emails from Supabase with the http extension
Просмотров 1 тыс.6 месяцев назад
How to send emails from Supabase with the http extension
How to create responsive pages in Flutterflow
Просмотров 8476 месяцев назад
How to create responsive pages in Flutterflow
Supercharge your apps with rpc and Supabase
Просмотров 6846 месяцев назад
Supercharge your apps with rpc and Supabase
How to create user favourites in Flutterflow
Просмотров 2,2 тыс.6 месяцев назад
How to create user favourites in Flutterflow
How to update user email with Flutterflow and Supabase
Просмотров 1,3 тыс.7 месяцев назад
How to update user email with Flutterflow and Supabase
❤
DUUUUUDEEEE!!!! THANKS MAN. YOUR TUTORIALS WORKS ALWAS. very advanced and useful. Ur Awesome.
omg thanks
Many Thanks! Can you please also post the method for unsubscribe from the subscribed realtime channel?
make a airbnb app
nice video more hehe
this is super helpful - stripe has gotten so fascist that we're dying to stop using them. the product limitation for price amounts has been really annoying as well. thank you for this!
I love your channel mate. Thanks so much 👍🏻👍🏻👍🏻
Hi, I'm developing a web app using Supabase and FlutterFlow. I'm trying to securely request the OpenAI API call. I've created a function in Supabase to make the API call to OpenAI, and I plan to call this function from FlutterFlow. However, it isn't working as expected-it throws an error, possibly because the server is taking too long to respond. Is there a better way to implement this setup?
@@stivenramirez7597 If you look at the Supabase Tips playlist there is a video that goes through the OpenAI API from Supabase. In terms of timeout you can change the timeout within the api call.
Thanks so much. What is the difference between this method and use an edge funtion?.
I can't seem to get the RPC calls to work. None of them. Not sure why. Is a requirement not shown in the video maybe?
@@jimvh7557 when you run it in test mode press F12 to open the developer console and see what errors you are getting. Also check your RLS policies in Supabase, you can always disable RLS for testing purposes.
@@rapidmvp I always get raw respons [] and missing favourites (the 2 print statements from the getFavourite custom action). Can I see logs in SB? I don't have RSL on that table but I do have it cascading from auth.users in terms of when auth.user Is deleted the user is also deleted from my userdetails table. Your Id field in your users table is what type? I guess uuid? Can't see that in the video.
Seems it was RLS after all. I overlooked it. Checked and unchecked it and now it loads the favs! Tx!
Crystal clear! Tx
Prolixo pra caralho!
Can you please do push notifications. Thank you for the great videos. 💙
Thanks for you help, worked for me !
Great video. Thanks so much
Thank you! I was wondering about a little bit of extra security. Do you have idea how to implement 2 password boxes that check if they're the same before changing the password?
You just add a conditional action before you start the password change process. There you check if the content of both texte widgets are equal. Then add all the actions for changing the password to the "true" part and add an alert with an error message to the false part.
Hi. Really appreciate this nice tutorial. I have a question though. When users go to the chat page, the app reads from the database and displays the chat messages. Users are also getting the real-time messages while on the chat page. Is there a way you can cache the messages so that the chat page does not always have to keep fetching data from the database each time someone lands on the chat page, and only updates the chat page when: 1) on page load, there is a new message compared to cached data 2) while on chat page, there is an update to the chat messages. I believe you covered number 2 but it is possible to incorporate caching too? Thank you.
Thank you a lot on this tutorial! one question: i'm new in supabase and when importing tables from stripe i get the message "RLS not enforced on foreign tables. I see you don't have this problem and have no lock icon next to the imported tables. What have you done to change the authorization settings? is it a private table now? thanks in advance
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?❤❤
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 The way you extracted the SHA1 key is that for testing or production? is it supposed to be replaced with a production key?. Thank you for the video hope you can do one for Apple sign in.👍
@@atheer3343 yes it is
1:11:33 Can't we do this via flutterflow without using triggers like add new action under create account: insert row, matching row: auth id etc.?
Thanks for this tutorial!!! AT 10 min, can't we just make 1 correct and then cntr-d so you don’t have to re-do every setting again.
Love your work. TIA for all your help. From my Forgot Paasword page where I ask for the email address. I get an error code. AuthException(message: Not logged in, Status code: null). Any suggestions? This is me reset password email template : <a href="{{ .ConfirmationURL }}updatePassword">Reset Password</a> I want the user to be directed to updatePassword. My url redirect is the same as my site url so any sub page should redirect.
@@vacationhomegroup for the page where user enters email, you do not want the “user logged in box” ticked. (Top right of Flutterflow UI) That may be your issue
@@rapidmvp Thanks for the reply. Do you mean on the scaffold "requires auth", because I do not see anything about "user logged in". TIA
Thank you very much being struggling to make a quizz in my Neurodiverse app!!
Thank you for the amazing tutorial. 👍
but Square uses stripe engine🤒
The text not visible while adding actions.
11 minutes explanation could be done in 1 minute.
wth is this SupaFlow class? how do u know it? I can't find it in the docs
@@andr101 I don’t think it’s in the docs. I picked it up from the community forums
good sir I have 3 rows and i want to show this rows with add more button one by one every rows in which remove button i click the remove button remove the specific row and i click add button show again please how i can do this
is there a tutorial for payments other than subscriptions?
Hey, would love to chat with you about something. Do you have a contact?
followed your tutorial step by step and this has been extremely helpful. i have a Video request where you create a list of different quizzes and when you select one it pulls that data from supabase onto the quiz page without needing to create 100 pages for each quiz. ive searched all over and havent been able to connect that data.
any url to copy this game? thank you
I know not related to this video but was hoping you can help. I have a function that calls a function that calls an api. I set an rpc in FF but it throws an error “ permission denied for schema vault”, function works in sql editor but not through rpc. I made a different function that performs something different to the same api using the same code and it works in sql and through rpc. I can’t figure out why? Thank you in advance.
The function that calls the vault probably needs to be a security defined. Permission denied so I’d check that first
@@rapidmvp can you please make a video about this on how to operate Supabase with FF in a secure way. What type of security Definer and what search path is best to set up a function?. Thank you for the reply and the content.
I think its easier if you ddo it like this: Future<void> subscribe(String table, Future Function() callbackAction) async { $table'. SupaFlow.client .channel('public:$table') .on( RealtimeListenTypes.postgresChanges, ChannelFilter(event: "INSERT", schema: 'public', table: table), (payload, [ref]) => callbackAction(), ) .subscribe(); } Then on the callback action you just refresh the request. I tried and works perfectly inserting messages from both sender an recipient. On my own code I also added the filter for the chat_id
Great video as always! Do you know how to get push notification of the new message? (When you are outside the chat)
Push notifications are on the list and will sort soon.
@@rapidmvp that is great!
I really like your videos thanks so much, is it possible to make a tutorial how to link supabase and stripe to manage subscriptions.
There is a video on the channel they does this with stripe payment links and foreign data wrappers in supabase
This action only updates once. Then, if you create new records, it does not update.
What do you mean exactly?
Apologies I missed explaining that one. I’ve put an update on the link that will listen continuously.
I like your tutorials but please improve your audio quality.
Thanks. I’m working on it. I think it’s improved a bit recently, but still trying to get the levels right.
Thank You So Much RapidMVP, it works, thanks a lot lot lot!!
Is there a video of you building the job board from scratch?
No. I have used it for a few examples but never recorded myself building it.
Thanks for the response!! I’m just having a lot of trouble building my Subcollection. I can’t figure out how to add content. I would have like 100 rows to add and would like to upload a file
Hello, I have tried to call stripe Connect API through the http function like you did with openAI and SMS. I followed what you did and I was able to call the API but I am unable to pass anything to the api like email etc.. can you please help ? Thank you in advance.
Thanks for the video! Exactly what I was looking for. I put before my API KEY on an app variable and someone downloading the app from playstore "hacked it" and I had to pay for their Chatgpt4 usage :( - So using the Flutterflow API Call isnt safe as well?
Hi, friend. Could you do a tutorial on how to verify email with FlutterFlow and Supabase? As you know, by default the option is disabled.
I’ll add it to the list
with firebase its the same? thanks
Foreign data wrappers are a Postgres feature. There is likely something similar on Firebase but I haven’t really used it.
Great video. I wonder if you have managed to use Supabase for the Sign in with Apple on a phone (as opposed to web)? Would love to see a video on that as it is currently a feature that is not native to Flutterflow. Thanks!
Thanks a lot... 😀