History

Vyacheslav Konyshev e6a6beb38d fix(examples/with-firebase-cloud-messaging): replace deprecated method (#19080 )		2020-11-11 18:41:37 -05:00
..
pages	Refactor class components to functional @ examples (#13398 )	2020-05-27 05:14:26 +00:00
static	Fix with-firebase-cloud-messaging example setup code (#10686 )	2020-03-20 10:15:45 +01:00
utils	fix(examples/with-firebase-cloud-messaging): replace deprecated method (#19080 )	2020-11-11 18:41:37 -05:00
.gitignore	Added .gitignore to examples that are deployed to vercel (#15127 )	2020-07-16 10:52:23 -04:00
next.config.js	firebase cloud messaging example (#5689 )	2018-11-25 16:37:34 +01:00
package.json	Add cross-env to ensure examples work on Windows 10 (#16694 )	2020-08-30 06:53:29 +00:00
README.md	Simplify example usage instructions (#16678 )	2020-08-29 22:22:02 -04:00
server.js	Upgrade to Prettier 2 (#13061 )	2020-05-18 15:24:37 -04:00

README.md

With Firebase Cloud Messaging example

To demo how to implement firebase cloud messaging to send web push notification in next.js.

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-firebase-cloud-messaging with-firebase-cloud-messaging-app
# or
yarn create next-app --example with-firebase-cloud-messaging with-firebase-cloud-messaging-app

Set your send id

set your messagingSenderId in static/firebase-messaging-sw.js and utils/webPush.js

Deploy it to the cloud with Vercel (Documentation).

How to send a notification

https://firebase.google.com/docs/cloud-messaging/js/first-message,