How to Add Push Notifications using Firebase | In ReactJs | To Boost User Engagement

[@mainafamily-h1e]

Of all the videos I've watched so far regarding firebase messaging, this has been the most useful. Great job man

[@dolevdo]

this is amazing thank you a lot!! would never find that generate token button without you

[@koladeadeyeye9660]

A user commented saying, of all the videos he has watched regarding firebase messaging, this has been the most useful and i couldn't agree more. Good job!

[@моча-ф8ъ]

Nice tutorial! Firebase can be tricky, but this video helps a lot. Thank you!

[@felipe1502]

work perfect, thanks for this!

[@tomtobar266]

Great video - thank you!

[@eduardorpg64]

Your tutorial has helped me quite a lot! Thanks!

[@Imohy69]

That's so prefect, unique and well explained, thankyou

[@phamvanhan7037]

Awesome! Thank you for this video.

[@farrukh28]

Thanks for the great video. Simple and straight to the point

[@vishalahir9179]

Good job web dev Matrix

[@fyfyfyfyfy]

Thanks buddy! Easy and it worked

[@kien.14]

Thanks man!

[@MohamedMahmoud-pe6qm]

Thanks man god bless you 🙏❤

[@WebDevMatrix]

Thanks for the beautiful comment, it made my day ❤️

[@Odidi_Bee6ix]

Thanks for this gem. Pls do firebase push notification nextjs

[@africtv5842]

Very good on bro... 100

[@sobanwaqar1192]

hello sir, I have done everything from firebase configuration to token generation. but i am unable to recieve notifications . i have also put debugger on listeners of onMessage and backgrond one as well . But still i am unable to recieve notification at my local host environment. i have also turn on all the notification from system settings. no error is shown but still not being able to get notifications. waiting for yourf reply

[@wicia2968]

Very good video :)

[@jatin2829]

Firstly the notification was working but after some time, it gives me error not registered and it also not giving me the new token if previous one is expired. Any solution, please help🙏

[@WebDevMatrix]

This error typically occurs when the FCM token is invalidated, compromised or not registered properly with the FCM server. Possible reasons: - The user cleared app or session data. - The token expired. Solutions: Ensure that the app is still registered with FCM. Check if the token is being refreshed correctly. Handle token refresh events and update the token. If the token is invalid, request a new one. Refer this for how to refresh the token: firebase.google.com/docs/cloud-messaging/manage-tokens#basic-best-practices

[@jatin2829]

@@WebDevMatrix thanks bro 🙏

[@MohitKumar-nf5jn]

This is great video too helpfull

[@WebDevMatrix]

Thanks for your comment and support!

[@AlexUdeogu]

Thank you soo much for this vid, is there any way you could guide me on sending notifications based of a user defined time

[@GODCOR]

thats it? how do i trigger notifications from the frontend?

[@buntykhipal5103]

thank you for making video.

[@shridharkammar-d7s]

Can you make the video on how to serve FCM dynamically from server?

[@JavierMora-r4v]

thank you for this video, bro

[@MrSteveHaran]

Hi all good -except when I install on my iphone - I get a 'denied' when I call the request permission. Chrome has notifications enabled - any ideas please?

[@ligamendemen]

Do you push your Firebase Config in production? Right now I'm facing that trouble, the public JS file cannot get Env because it's not inside the build project, anyone have solution for that?

[@aniket1008]

Worked, Just a question would it target all the users on its own or do we have to add their token somewhere. Notifications are not being shown if i close the website

[@satishsahu7601]

Thankyou sir for this video and its working on chrome but not working ios and mac os safari .please suggest any solution

[@WebDevMatrix]

FCM supports push notifications from Safari version 16.1 and macOS 16.4 iOS & iPadOS. Refer this blog post to check how to enable it: firebase.blog/posts/2023/08/fcm-for-safari/

[@satishsahu7601]

@@WebDevMatrix thankyou sir

[@shreyashjain1475]

Does it work same with vite?

[@anwareskeef2564]

hiii , why we can not use modular API ? and if we can how to use it ?

[@tranminhquan3454]

i have a problem, i do follow you step by step but, when i push i didn't see notification. notification had appeared in console. i hope you answer me please

[@Shubbusb]

how can i send the notification for evevry 30 minutes

[@abhijithhnair9914]

I am receiving 2 notification for 1 request .Did any one received duplicate notification

[@tataotp3559]

thanks bro, it is not working on android pwa app, please help

[@subashg-nf4xo]

nice thank you

[@honeykumar-v4k]

FirebaseError: Messaging: We are unable to register the default service worker

[@DarkWraith5552]

Dind't give example to send message, uninpressed.

[@Hareshitaliya1]

can i have source code sir..

[@WebDevMatrix]

You can refer to this quickstart repo files for the code: github.com/firebase/quickstart-js/tree/master/messaging

[@rohit.ayadav]

I am little worried after seeing your subscriber number