Track online users with Supabase Realtime Presence | Flutter Figma Clone #3

Use Supabase Presence to display the currently online users on your Flutter application.
supabase.com/docs/guides/real...
Displaying the list of currently online users is a common feature for a real-time collaborative applications. Supabase Presence makes it easy to track users joining and leaving the session so that you can easily make a collaborative app. We will walk through how you can add the presence feature to the Figma clone app. This video is episode 3 of the create a Figma clone using Flutter and Supabase series.
Full code of the Figma clone app: github.com/dshukertjr/example...
💻 Videos to watch next:
▶ Add live cursor sharing using Flutter and Supabase | Flutter Figma Clone #1 • Add live cursor sharin...
▶ Draw and sync canvas in real-time | Flutter Figma Clone #2 • Draw and sync canvas i...
▶ How to send push notifications to your Flutter apps using Supabase Edge Functions and FCM • Send PUSH Notification...
👇 Learn more about Supabase 👇
🕸 Website: supabase.com/
🏁 Get started: app.supabase.com/
📄 Docs: supabase.com/docs
🔔 Subscribe for more tutorials and feature updates from Supabase: / @supabase
📱 Connect with Us:
🐙 Github: github.com/supabase
💬 Discord: discord.supabase.com/
🐦 Twitter: / supabase
📸 Instagram (follow for memes): / supabasecom
ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.
Build in a weekend, scale to millions.
#Supabase #AppDevelopment #RealtimeApps #DeveloperTools

[@dshukertjr]

Image upload support, pen tool, and persisting the data on a database will be coming in the future episodes for Flutter Figma clone series! Let us know what else you would like to see on this channel at the comments below 👇

[@indiechatofficial]

This is badass. Thank you man. Love the content you are creating. It is helping lots of devs.

[@allanandliftedhands2669]

Cool supabase feature! Cool tutorial!

[@island_dev]

wow! i love you

[@abdul-m0min]

supabase looks convincing 😍

[@dshukertjr]

It's really nice! You should give it a try if you haven't yet!

[@skillsvsdegree6139]

Hello Tyler, Is there a video about how to use this presence feature for web applications? I am reading documentation but not fully understanding it yet, it saying room1 or something.
thank you

[@Supabase]

We currently do not have a video on presence for the web, but generally, the JS SDK and the Flutter SDK should be fairly similar in terms of
how to listen to presence events. "room1" is just a sample channel name, and it actually can be any string. supabase.com/docs/guides/realtime/presence

[@skillsvsdegree6139]

@@Supabase Thank you , Will take a look at it now, Aiming to finish this feature in my website soon.

[@kamil_supabase_enjoyer]

❤❤❤

[@Z.zz.z.z.zz..zz.z.z..z.z.z.z.]

Hell yeah! makes me want to get back into flutter

[@dshukertjr]

Why not? Things are pretty good in Flutter land!

[@Guitar_Dev]

Do we need to use Auth to find who is online?

[@alialnaghmoush]

I loved Supabase more than firebase, but when will there be offline support for Flutter? 😢

[@dshukertjr]

Keep your eyes opened 👀

[@youcefmoulla1828]

Do I need a specific Site URL?

[@Supabase]

Not for using Presence. If you want to integrate Supabase Auth as well, then you need to specify your website URL.

[@bharathprakash]

please upload a tutorial on fcm with supabase using kotlin android.(needed ASAP for my project)

[@Supabase]

Here is a video on how to setup FCM using Supabase. czcams.com/video/CiSv9E6ZKVc/video.html
The video uses Flutter for the framework, but sending FCM part is the same whether the framework is Flutter or native Android, so you can just setup FCM on your Android app and can start sending FCM using Supabase!