novuhq / nextjs-quickstart

Novu React Quickstart

This sample app demonstrates how to integrate Novu's Notification Center in a NextJS app. It demonstrates how to trigger notifications from any backend and view them in real-time within the app.

Configuration

Create a free account in Novu

1. Go to Novu and click Sign Up.
2. Use GitHub Account to login.

Obtain Credentials

Your project needs to be configured with the following:

1. App Identifier
2. API key from your Novu dashboard.
3. SubscriberId to send notifications to.

Run the project

To run the project, first, clone the repo and install dependencies:

npm install
#or
yarn install
# or
pnpm install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

⭐️ Why Novu?

Novu provides a unified API that makes it simple to send notifications through multiple channels, including In-App, Push, Email, SMS, and Chat. With Novu, you can create custom workflows and define conditions for each channel, ensuring that your notifications are delivered in the most effective way possible.

✨ Features

• 🌈 Single API for all messaging providers (In-App, Email, SMS, Push, Chat)
• 💅 Easily manage notifications over multiple channels
• 🚀 Equipped with a CMS for advanced layouts and design management
• 🛡 Built-in protection for missing variables (Coming Soon)
• 📦 Easy to set up and integrate
• 🛡 Debug and analyze multi-channel messages in a single dashboard
• 📦 Embeddable notification center with real-time updates
• 👨‍💻 Community driven

License

This project is licensed under the MIT license.