Firebase Push Notification

We will see how to setup firebase push notification for our web application. Here I'm using Next.Js 14 for SSR and using Django as my backend and to generate new notifications.

Something went wrong !!

Basic Understanding and General Detail

Part - 1

This is the first part and here e will see all the steps and general information required to implement Push Notification in our App.

Availability of Notification and Notification Permission

Part - 2

We will see how we can request notification permission and if a notification facility is available on the browser.

Install Service Worker and subscribe to pushManager

Part - 3

Here we will see how we can install our service worker and subscribe to pushManager facility of the service worker.

Get the current token

Part - 4

Here we will see how to get the current token and send it to our backend server

Show Push Messages to the Users

Part - 5

We will see how we can show the push notification to the users in both cases, that is, when our app is in the background or when the user is using the app.

Setting Up The Backend

Part - 6

We will see how we can send our backend and send push notifications to the client.

ads here

I have other topics covered

I have other categories covered