Realtime Chat in FlutterFlow and Supabase in 5 minutes

[@KL-cd1lc]

great tutorial! its super helpful as im not coding and im trying to get a hang on things! will definitely keep myself updated with all your tutorial 🙏 +1 on the push notification without firebase! 😅

[@just_xolotl]

thanks! Still working on push notifications but will be coming soon :)

[@divinemaredi4138]

Great stuff, thanks for this amazing tutorial!!! 😄

[@just_xolotl]

Thanks! 🙏

[@longterm9450]

Hi! Thanx for the video! Do you maybe know how to resubscribe when existing and re entering the app. It works perfectly until it looks like the trigger time out. In ios you mainly just minimize the app.

[@clementspencermwanyama9597]

Thank you very much sir🔥🔥🔥🔥

[@just_xolotl]

Most welcome

[@jimvh7557]

Great demo! How would you do the location tracking, I mean how would you insert a driver location new row in sb that will be displayed using real-time to the customer? I’m wondering what would be the simplest approach.

[@pierremusa9678]

Great tutorial! Thanks for that.

[@just_xolotl]

Glad it was helpful!

[@Avisan.]

would mind sharing the supabase rls policies for chats and messages tables

[@just_xolotl]

They both have rls disabled

[@SS-xc6bt]

Thanks a lot for your videos, big man

[@just_xolotl]

My pleasure!

[@Mogizen]

Great video! Thank you.

[@LaerteAlmeida-z1y]

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?

[@JOSEVNZLA_]

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?

[@just_xolotl]

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

[@flymetothemoon-t1t]

Great tutorial! Can you also make a video where you show us how to make "delete account" function? It would be nice to have "are you sure you want to delete account" option as well.

[@just_xolotl]

Thanks! Deleting an account in Supabase is more complicated as it requires admin privileges. This ,however, can be bypassed using Buildship’s secret key manager. Do let me know if you’re interested!

[@flymetothemoon-t1t]

@@just_xolotl yes, I'm interested, thank you!

[@jimvh7557]

Would be nice indeed!

[@blankplusblank]

Thanks so much for this!

[@just_xolotl]

Glad it was helpful!

[@flutterflowexpert]

Great work man! I am going to test it and let you know if that works for me as well

[@just_xolotl]

Please do!

[@onedayapp3534]

Thanks for this video! Do you know how we make it to get push notifications of the messages when we are not in the messages chat page or we are outside the app?

[@just_xolotl]

Yup it’s possible but will be a bit complicated. It makes use of Supabase edge functions. I am currently in the midst of creating a tutorial for that so stay tuned!

[@remoosan]

legend as always 🔥

[@nhtdmr]

can you share the project or can i download to test the project?

[@just_xolotl]

Just added it to the video description!

[@kevinjung544]

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?

[@just_xolotl]

You can try moving the on page load actions to the on initialization action in your component

[@Mohamadjaajaa_CS_KING]

Can't Be implemented Using Loops Instead Of Custome Actions Or Codes?

[@just_xolotl]

Nope as this requires supabase realtime which FF currently does not fully support yet. So you need custom code

[@Mohamadjaajaa_CS_KING]

could you provide us with a video where you implement share live location using this actions?or it dont work?

[@just_xolotl]

Sharing live location wouldn’t use these actions. It would probably require more complex packages. But I could take a look into it

[@Avisan.]

this is great, do you also plan to do voice and video calls? and infinite scrolling

[@just_xolotl]

that sounds like a good idea. Thanks for the suggestions!

[@seekersaurabh]

How to do this in Firebase?

[@just_xolotl]

Well I'd love to help you but I am not familiar with Firebase

[@diymicha2]

thanks for that, man. Good work! I got the tiny problem, that the widget doesn't scroll down on startup, or on receiving a new message when there are many messages. How can this be solved? But besides that, everything works like a charm.

[@just_xolotl]

Yes that’s an important function to add which I forgot. Actually it’s quite simple. You can follow the official documentation to add a scroll to action on page load. docs.flutterflow.io/actions/actions/widget-ui-interactions/scroll-to

[@diymicha2]

@@just_xolotl Thanks for the response. I tried this, but on page load it doesn't scroll at all (maybe the widget is not yet filled) and after a new message was received it only scrolls to the message before it, leaving the latest message still hidden at the bottom :(

[@just_xolotl]

@@diymicha2 ah I see maybe you could add a delay before scrolling down

[@diymicha2]

@@just_xolotl Thanks again. A delay of 200 ms did the trick :)

[@alexG3cr]

thanks