History

Oscar Busk 077097b7f8 Remove `licence` from all `example/package.json` that has them (#28007 ) * Add licences to all example/package.json that lack them * Revert "Add licences to all example/package.json that lack them" This reverts commit 5d4e25012f7334772b8ef5924bc355277e827cba. * Update check-examples to remove `license` field from examples * Remove `license` from all examples. This was mentioned in vercel/next.js#27121 but it looks like it didn't end up being in the merge? Co-authored-by: JJ Kasper <jj@jjsweb.site>		2021-08-14 10:48:39 -05:00
..
pages	Refactor class components to functional @ examples (#13398 )	2020-05-27 05:14:26 +00:00
public	Improve with firebase cloud messaging (#20868 )	2021-01-11 10:14:14 +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
package.json	Remove `licence` from all `example/package.json` that has them (#28007 )	2021-08-14 10:48:39 -05:00
README.md	Fix deploy buttons URLs (#20834 )	2021-01-07 01:40:29 +00: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,