archive/rsnext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
rsnext/examples/with-firebase-cloud-messaging
History
TodorTotev 8618ab85ad
More redundant imports @ examples (#13190) 
Again, related to [12964](https://github.com/zeit/next.js/issues/12964)

After checking all the other examples and the ongoing pull requests, I believe that with this PR being merged, all the examples should be free of redundant react imports.
Let me know if you want me to edit anything that you don't like.

Regards

with-typescript
with-atstroturf
with-atlaskit
with-styletron
with-styled-components-rtl
with-stylesheet
with-stomp
with-stitches-styled
with-stitches
with-slate
with-sentry-simple
with-sentry
with-segment-analytics
with-rematch
with-relay-modern
with-reflux
with-redux-wrapper
with-react-relay-network
with-react-native
with-react-multi-carousel
with-react-jss
with-react-helmet
with-react-ga
with-quill-js
with-prefetching
with-google-analytics-amp
with-google-analytics
with-framer-motion
with-flow
with-firebase-hosting
with-firebase-cloud-messaging
with-firebase-authentication
with-expo
with-dynamic-app-layout
with-draft-js
with-cxs
with-cerebral
with-ant-design-mobile
with-algolia-react-instantsearch
using-preact
progressive-render
2020-05-22 15:33:04 +00:00
..
pages More redundant imports @ examples (#13190) 2020-05-22 15:33:04 +00:00
static Fix with-firebase-cloud-messaging example setup code (#10686) 2020-03-20 10:15:45 +01:00
utils Upgrade to Prettier 2 (#13061) 2020-05-18 15:24:37 -04:00
.gitignore firebase cloud messaging example (#5689) 2018-11-25 16:37:34 +01:00
next.config.js firebase cloud messaging example (#5689) 2018-11-25 16:37:34 +01:00
package.json chore(examples): Update firebase version (#10145) 2020-01-17 23:06:58 +01:00
README.md Rename ZEIT to Vercel (#12075) 2020-04-21 11:47:12 +02: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

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 Vercel (Documentation).

How to send a notification

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