https://github.com/dulajdeshan/nextjs-firebase-messaging

Example Next.js Application for Google Firebase Cloud Messaging
https://github.com/dulajdeshan/nextjs-firebase-messaging

cloudmessaging firebase firebasemessaging nextjs typescript

Last synced: about 1 month ago
JSON representation

Example Next.js Application for Google Firebase Cloud Messaging

• Host: GitHub
• URL: https://github.com/dulajdeshan/nextjs-firebase-messaging
• Owner: Dulajdeshan
• Created: 2022-04-22T04:31:38.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-04-24T08:17:56.000Z (almost 3 years ago)
• Last Synced: 2025-01-04T21:24:55.566Z (about 1 month ago)
• Topics: cloudmessaging, firebase, firebasemessaging, nextjs, typescript
• Language: TypeScript
• Homepage: https://nextjs-firebase-messaging.vercel.app
• Size: 66.4 KB
• Stars: 7
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# nextjs-firebase-messaging

Example Demo Next.js typescript application implemented with firebase cloud messaging to send web push notifications.

## Working Demo

[Demo](https://nextjs-firebase-messaging.vercel.app/)

## Getting Started

First create an `.env` file in the root directory. It should include following variables.

```bash

NEXT_PUBLIC_VAPID_KEY

NEXT_PUBLIC_FIREBASE_API_KEY

NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN

NEXT_PUBLIC_FIREBASE_PROJECT_ID

NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET

NEXT_PUBLIC_FIREBASE_MESSAGING_ID

NEXT_PUBLIC_FIREBASE_APP_ID

NEXT_PUBLIC_FIREBASE_SERVER_KEY

NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID

```

First, run the development server:

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

##