How to add push notification using next-pwa

Question

I have a Next.js application and I use next-pwa for the Offline Mode. Now I want to add push notification (OneSignal solution), I've seen many articles/tutorials, and they all require to create/update the service worker.

So my question is: How can I do that since the service worker is generated by next-pwa and it doesn't seem to be editable since it's minified.

micataudella · Accepted Answer · 2021-06-02 08:40:14Z

13

You can have a look at the examples in next-pwa GitHub repository.

There is an example to add custom worker: https://github.com/shadowwalker/next-pwa/tree/master/examples/custom-worker

And also another example regarding web push: https://github.com/shadowwalker/next-pwa/tree/master/examples/web-push

Hope these few links help you!

answered Jun 2, 2021 at 8:40

micataudella

1312 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ángel Ugarte · Accepted Answer · 2024-01-08 13:57:06Z

2

Steps:

Go to https://github.com/shadowwalker/next-pwa/tree/master/examples/web-push and clone it.
Install web-push with npm i web-push and get the VAPID keys with npx web-push generate-vapid-keys
Create your .env file at the root of web-push directory
Paste your keys generated in step 2 and add your email in your .env file
Finally, run npm run build and npm start That's worked for me

answered Jan 8, 2024 at 13:57

Ángel Ugarte

1592 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to add push notification using next-pwa

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related