diff --git a/examples/with-firebase-cloud-messaging/.gitignore b/examples/with-firebase-cloud-messaging/.gitignore new file mode 100644 index 00000000..1380c2e7 --- /dev/null +++ b/examples/with-firebase-cloud-messaging/.gitignore @@ -0,0 +1,2 @@ +node_modules +.next \ No newline at end of file diff --git a/examples/with-firebase-cloud-messaging/README.md b/examples/with-firebase-cloud-messaging/README.md new file mode 100644 index 00000000..e2abeba9 --- /dev/null +++ b/examples/with-firebase-cloud-messaging/README.md @@ -0,0 +1,29 @@ +[![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/zeit/next.js/tree/master/examples/with-firebase-cloud-messaging) + +## How to run + +Install it and run: + +```bash +npm install +npm run build +npm run 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](https://zeit.co/now) ([download](https://zeit.co/download)) + +```bash +now +``` + +## How to send a notification + +https://firebase.google.com/docs/cloud-messaging/js/first-message, + +## The idea behind the example + +To demo how to implement firebase cloud messaging to send web push notification in next.js. diff --git a/examples/with-firebase-cloud-messaging/next.config.js b/examples/with-firebase-cloud-messaging/next.config.js new file mode 100644 index 00000000..5ab2ef2f --- /dev/null +++ b/examples/with-firebase-cloud-messaging/next.config.js @@ -0,0 +1,6 @@ +const withOffline = require('next-offline') + +const nextConfig = { + // your nextjs config +} +module.exports = withOffline(nextConfig) diff --git a/examples/with-firebase-cloud-messaging/package.json b/examples/with-firebase-cloud-messaging/package.json new file mode 100644 index 00000000..14171924 --- /dev/null +++ b/examples/with-firebase-cloud-messaging/package.json @@ -0,0 +1,20 @@ +{ + "name": "with-firebase-cloud-messaging", + "version": "1.0.0", + "scripts": { + "dev": "node server.js", + "build": "next build", + "start": "NODE_ENV=production node server.js" + }, + "dependencies": { + "express": "^4.14.0", + "firebase": "^5.5.8", + "localforage": "^1.7.3", + "next": "latest", + "react": "^16.0.0", + "react-dom": "^16.0.0" + }, + "devDependencies": { + "next-offline": "^3.0.10" + } +} diff --git a/examples/with-firebase-cloud-messaging/pages/index.js b/examples/with-firebase-cloud-messaging/pages/index.js new file mode 100644 index 00000000..e0341cc9 --- /dev/null +++ b/examples/with-firebase-cloud-messaging/pages/index.js @@ -0,0 +1,13 @@ +import React, { Component } from 'react' +import { firebaseCloudMessaging } from '../utils/webPush' + +class Index extends Component { + componentDidMount () { + firebaseCloudMessaging.init() + } + render () { + return