Send PUSH Notifications to Flutter Apps With Supabase Edge Functions & FCM

This is wow to send push notifications to your Flutter apps using Supabase Edge Functions and FCM - a complete guide.

Push notifications are an essential part of mobile app development. In this video, Tyler will takes us through how to use FCM with Supabase to send push notifications to your Flutter apps. The app will work by first inserting a new row into the database, which triggers a database web hook, which calls an edge function. The edge function then calls the FCM API which sends the push notification.

👇LINKS YOU NEED:👇

- Send FCM using Supabase guide → https://supabase.com/docs/guides/functions/examples/push-notifications?platform=fcm&utm_source=youtube&utm_medium=video&utm_term=tips&utm_content=CiSv9E6ZKVc
- Supabase Flutter library reference → https://supabase.com/docs/reference/dart/introduction?utm_source=youtube&utm_medium=video&utm_term=tips&utm_content=CiSv9E6ZKVc
- Supabase Edge Functions Guide → https://supabase.com/docs/guides/functions?utm_source=youtube&utm_medium=video&utm_term=tips&utm_content=CiSv9E6ZKVc

CHAPTERS:
00:00 Intro
00:14 Going through the demo app
01:40 Going through the database schema
02:16 Why FCM
03:00 Connect Firebase to the app
06:15 Setup FCM in the Dart code
09:00 Manually send a test FCM message
10:26 Create a Supabase Edge Function to send FCM
18:24 Setup Database webhooks to call the function
18:49 Test and re-deploy the function with --no-jwt flag
19:29 Test again and fix typo in the Edge function
20:09 Successfully send push notification to the app
20:52 Outro

💻 Videos to watch next:
▶ Build a SaaS with Supabase in minutes: https://youtu.be/I7CFD99sp1g
▶Watch all Supabase Flutter tutorials: https://www.youtube.com/watch?v=F2j6Q-4nLEE&list=PL5S4mPUpp4OtkMf5LNDLXdTcAp1niHjoL&index=1
▶ Create a Figma clone app with Supabase in seconds: https://youtu.be/zKjrmAMf2Cs
▶ Supabase real-time with Flutter: https://youtu.be/gboTC2lcgzw

👇 Learn more about Supabase 👇

🕸 Website: https://supabase.com/?utm_source=youtube&utm_medium=video&utm_term=tips&utm_content=CiSv9E6ZKVc
🏁 Get started: https://app.supabase.com/?utm_source=youtube&utm_medium=video&utm_term=tips&utm_content=CiSv9E6ZKVc
📄 Docs: https://supabase.com/docs?utm_source=youtube&utm_medium=video&utm_term=tips&utm_content=CiSv9E6ZKVc

🔔 Subscribe for more tutorials and feature updates from Supabase: https://www.youtube.com/channel/UCNTVzV1InxHV-YR0fSajqPQ?sub_confirmation=1

📱 Connect with Us:
🐙 Github: https://www.github.com/supabase?utm_source=youtube&utm_medium=video&utm_term=tips&utm_content=CiSv9E6ZKVc
💬 Discord: https://www.discord.supabase.com/?utm_source=youtube&utm_medium=video&utm_term=tips&utm_content=CiSv9E6ZKVc
🐦 Twitter: Twitter: https://www.twitter.com/supabase/?utm_source=youtube&utm_medium=video&utm_term=tips&utm_content=CiSv9E6ZKVc
📸 Instagram (follow for memes): https://www.instagram.com/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

Видео Send PUSH Notifications to Flutter Apps With Supabase Edge Functions & FCM канала Supabase