Shu Uesugi 6804039e94 Make example READMEs more consistent (#10124 )

* npx create → npm init

* Fix inconsistent instructions

* Update amp-first

* Update with-graphql-react

* with-firebase-cloud-messaging

* Update with-higher-order-component

* change create-next-app url

* Update create-next-app instruction

* Update instructions to use npm instead of npx

* Move "the idea behind the example" to top

* Rename

* Rename

* Update contributing.md with a README template

2020-01-16 23:23:56 +01:00

1.2 KiB

Raw Blame History

With Firebase Cloud Messaging example

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

How to use

Using `create-next-app`

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

npm init 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

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-firebase-cloud-messaging
cd with-firebase-cloud-messaging

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Set your send id

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

Deploy it to the cloud with now (download)

now

How to send a notification

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

1.2 KiB Raw Blame History