{"post":{"id":"64ff6ec27d63993fce60e997","_id":"64ff6ec27d63993fce60e997","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1694461098113/189bfc66-c9dd-4786-843d-69fb89431b1f.png","__typename":"PostCoverImage"},"slug":"how-to-send-push-notifications-with-firebase-react-and-nestjs","readTime":6,"replyCount":1,"responseCount":4,"brief":"Firebase Cloud Messaging (FCM) is a versatile cloud-based messaging platform that empowers app developers to send messages and notifications to users' devices, delivering text, images, links, and more. In this guide, we'll explore the benefits of usi...","subtitle":"","isFeatured":false,"contributors":[{"_id":"63cff2c31acaeae4c9da6ff8","name":"Atul Kumar","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1693850396591/NbCy6x6xE.jpeg","username":"theatulanand","__typename":"User"},{"_id":"64f6d012a65e750c6bc902ba","name":"Deepak Chourasiya","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1693896723186/ac673538-4be2-4827-b40f-425bc2098d3f.jpeg","username":"deepak218","__typename":"User"},{"_id":"64ffdb4516c623fbf0378918","name":"Abhishek Ranjan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1694489414501/39bdd9d2-043d-49d9-bdc3-675652100d61.jpeg","username":"Abhishek58","__typename":"User"},{"_id":"65030e4d5526e973a488cd24","name":"Keshav Patel","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1694699085877/5a0517eb-b5ed-4c28-bb00-54a66684f7e7.png","username":"keshav06","__typename":"User"}],"bookmarked":false,"views":348,"url":"https://mohima24.hashnode.dev/how-to-send-push-notifications-with-firebase-react-and-nestjs","totalReactions":5,"title":"How to send push notifications with Firebase, React and NestJS","dateAdded":"2023-09-11T19:47:14.098Z","cuid":"clmfapgky000709l55yhmeb6u","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":"","description":"","__typename":"SEO"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1694461504168/0908ca77-16df-4ca3-a564-b90c0789283a.png","__typename":"OpenGraphMetaData"},"author":{"_id":"64f6cabf1d9fece3f193b0ff","name":"Mohima Bahadur","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1693895360123/31f39a98-b6a8-449d-b280-cbaf7540c794.png","isPro":false,"username":"Mohima24","__typename":"User","tagline":"Software Engineer"},"coAuthors":[],"series":null,"tags":[{"_id":"56744722958ef13879b94e99","logo":"https://res.cloudinary.com/hashnode/image/upload/v1464240463/xo1rbiqimh25bmlgwb3g.jpg","name":"Firebase","slug":"firebase","__typename":"Tag"},{"_id":"59e46480ebcd60373ac04db3","logo":null,"name":"nestjs","slug":"nestjs","__typename":"Tag"},{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"},{"_id":"63888adb1e50d717cbf581f4","logo":null,"name":"web push notifications","slug":"web-push-notifications","__typename":"Tag"},{"_id":"59710e2d17f4e6c15611f233","logo":null,"name":"FCM","slug":"fcm","__typename":"Tag"}],"publication":{"_id":"64ff6be7d3da8dcacfaa6a46","url":"https://mohima24.hashnode.dev","canonicalURL":"https://mohima24.hashnode.dev","title":"Mohima","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":"#000000","metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"mohima24","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"64ffdb77703e32bdbc1d1610","author":{"_id":"64ffdb4516c623fbf0378918","name":"Abhishek Ranjan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1694489414501/39bdd9d2-043d-49d9-bdc3-675652100d61.jpeg","isPro":false,"username":"Abhishek58","__typename":"User"},"content":{"html":"

👍👍

\n","markdown":"👍👍","text":"👍👍\n","__typename":"Content"},"dateAdded":"2023-09-12T03:31:03.437Z","stamp":"clmfr9xu30e7h12nv4qjp6vl8","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"64ffe0c8703e32bdbc1d1643","author":{"_id":"63cff2c31acaeae4c9da6ff8","name":"Atul Kumar","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1693850396591/NbCy6x6xE.jpeg","isPro":false,"username":"theatulanand","__typename":"User"},"content":{"html":"

Thanks for sharing, Helpful.

\n","markdown":"Thanks for sharing, Helpful.","text":"Thanks for sharing, Helpful.\n","__typename":"Content"},"dateAdded":"2023-09-12T03:53:44.461Z","stamp":"clmfs340c0ea912nvcgih5zcf","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"64fff2f2d3da8dcacfaa738e","author":{"_id":"64f6d012a65e750c6bc902ba","name":"Deepak Chourasiya","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1693896723186/ac673538-4be2-4827-b40f-425bc2098d3f.jpeg","isPro":false,"username":"deepak218","__typename":"User"},"content":{"html":"

Nice , Helpful .

\n","markdown":"Nice , Helpful .","text":"Nice , Helpful .\n","__typename":"Content"},"dateAdded":"2023-09-12T05:11:14.538Z","stamp":"clmfuus1505nfm1nvdncf8s7g","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"65030f33fb3b16e3da3d0ec1","author":{"_id":"65030e4d5526e973a488cd24","name":"Keshav Patel","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1694699085877/5a0517eb-b5ed-4c28-bb00-54a66684f7e7.png","isPro":false,"username":"keshav06","__typename":"User"},"content":{"html":"

Nice Work👌👍

\n","markdown":"Nice Work👌👍","text":"Nice Work👌👍\n","__typename":"Content"},"dateAdded":"2023-09-14T13:48:35.215Z","stamp":"clmj87si405jhk4nv2f7j3sw9","totalReactions":1,"__typename":"Comment","replies":{"edges":[{"node":{"id":"650529804f2724f559f23b02","author":{"_id":"64f6cabf1d9fece3f193b0ff","name":"Mohima Bahadur","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1693895360123/31f39a98-b6a8-449d-b280-cbaf7540c794.png","isPro":false,"username":"Mohima24","__typename":"User"},"content":{"html":"

Thank u

\n","markdown":"Thank u","text":"Thank u\n","__typename":"Content"},"dateAdded":"2023-09-16T04:05:20.776Z","stamp":"clmli9fyf00ei0jnv77po4tf1","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"NA==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"63cff2c31acaeae4c9da6ff8","name":"Atul Kumar","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1693850396591/NbCy6x6xE.jpeg","isPro":false,"username":"theatulanand","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"64f6d012a65e750c6bc902ba","name":"Deepak Chourasiya","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1693896723186/ac673538-4be2-4827-b40f-425bc2098d3f.jpeg","isPro":false,"username":"deepak218","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"64ffdb4516c623fbf0378918","name":"Abhishek Ranjan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1694489414501/39bdd9d2-043d-49d9-bdc3-675652100d61.jpeg","isPro":false,"username":"Abhishek58","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"65030e4d5526e973a488cd24","name":"Keshav Patel","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1694699085877/5a0517eb-b5ed-4c28-bb00-54a66684f7e7.png","isPro":false,"username":"keshav06","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

How to send push notifications with Firebase, React and NestJS

5 comments