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/func...
Supabase Flutter library reference → https://supabase.com/docs/reference/d...
Supabase Edge Functions Guide → https://supabase.com/docs/guides/func...
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: • Fastest way to build a SaaS in 2024 -...
▶Watch all Supabase Flutter tutorials: • Getting Started with Flutter and Supa...
▶ Create a Figma clone app with Supabase in seconds: • Draw and sync canvas in real-time | C...
▶ Supabase real-time with Flutter: • Listening to real-time changes on the...
👇 Learn more about Supabase 👇
🕸 Website: https://supabase.com/?utm_source=yout...
🏁 Get started: https://app.supabase.com/?utm_source=...
📄 Docs: https://supabase.com/docs?utm_source=...
🔔 Subscribe for more tutorials and feature updates from Supabase: / @supabase
📱 Connect with Us:
🐙 Github: https://www.github.com/supabase?utm_s...
💬 Discord: https://www.discord.supabase.com/?utm...
🐦 Twitter: Twitter: https://www.twitter.com/supabase/?utm...
📸 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
Watch video Send PUSH Notifications to Flutter Apps With Supabase Edge Functions & FCM online without registration, duration hours minute second in high quality. This video was added by user Supabase 28 December 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 16,084 once and liked it 355 people.