Awesome
<div align="center"> <a href="https://novu.co?utm_source=github" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/2233092/213641039-220ac15f-f367-4d13-9eaf-56e79433b8c1.png"> <img alt="Novu Logo" src="https://user-images.githubusercontent.com/2233092/213641043-3bbb3f21-3c53-4e67-afe5-755aeb222159.png" width="280"/> </picture> </a> </div> <br/> <p align="center"> <a href="https://www.npmjs.com/package/@novu/node"> <img src="https://img.shields.io/npm/v/@novu/node" alt="NPM"> </a> <a href="https://www.npmjs.com/package/@novu/node"> <img src="https://img.shields.io/npm/dm/@novu/node" alt="npm downloads"> </a> <a href="https://github.com/novuhq/novu/blob/main/LICENSE"> <img src="https://img.shields.io/github/license/novuhq/novu" alt="MIT"> </a> </p> <h1 align="center"> The open-source notification infrastructure for developers </h1> <div align="center"> The ultimate service for managing multi-channel notifications with a single API. </div> <p align="center"> <br /> <a href="https://docs.novu.co" rel="dofollow"><strong>Explore the docs »</strong></a> <br /> <br/> <a href="https://github.com/novuhq/novu/issues/new?assignees=&labels=type%3A+bug&template=bug_report.yml&title=%F0%9F%90%9B+Bug+Report%3A+">Report Bug</a> · <a href="https://github.com/novuhq/novu/issues/new?assignees=&labels=feature&template=feature_request.yml&title=%F0%9F%9A%80+Feature%3A+">Request Feature</a> · <a href="https://discord.novu.co">Join Our Discord</a> · <a href="https://roadmap.novu.co">Roadmap</a> · <a href="https://twitter.com/novuhq">X</a> · <a href="https://notifications.directory">Notifications Directory</a> </p>⭐️ 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)
- 💅 Fully managed GitOps Flow, deployed from your CI
- 🔥 Define workflow and step validations with Zod or JSON Schema
- 💌 React Email/Maizzle/MJML integrations
- 🚀 Equipped with a CMS for advanced layouts and design management
- 🛡 Debug and analyze multi-channel messages in a single dashboard
- 📦 Embeddable notification center with real-time updates
- 👨💻 Community-driven
🚀 Getting Started
To get started, type the following command in your Terminal.
npx novu-labs@latest echo
📚 Table Of Contents
- Getting Started
- GitOps & React Email Integration
- Embeddable notification center
- Providers
- Need Help?
- Links
- License
Notification Workflows as Code
For API documentation and reference, please visit Echo API Reference.
client.workflow('comment-on-post', async ({step, subscriber}) => {
const inAppResponse = await step.inApp('in-app-step', async (inputs) => {
return {
body: renderReactComponent(inputs)
};
}, {
inputSchema: {
// ...JSON Schema or ZOD/Ajv/Class Validators definition
}
});
// Novu Worker Engine will manage the state and durability of each step in isolation
const { events } = await step.digest('1 day');
await step.email('email-step', async () => {
return {
subject: 'E-mail Subject',
body: renderReactEmail(<ReactEmailComponent events={digestedEvents} />);
}
}, {
// Step-level inputs defined in code and controlled in the novu Cloud UI by a Non-Technical Team member
inputSchema: {
// ...JSON Schema
},
providers: {
sendgrid: async (inputs) => {
// Echo runs as part of your application, so you have access to your database or resources
return {
to: email,
ipPoolName: 'custom-pool'
};
}
},
skip: () => {
// Write custom skip logic
return inAppResponse.seen || subscriber.isOnline;
}
});
// Define your workflow trigger payload using json schema and custom validation;
}, {
payloadSchema: {
// ...JSON Schema
}
});
Embeddable Notification Center
Using the Novu API and admin panel, you can easily add a real-time notification center to your web app without building it yourself. You can use our React / Vue / Angular components or an iframe embed, as well as a Web component.
<div align="center"> <img width="762" alt="notification-center-912bb96e009fb3a69bafec23bcde00b0" src="https://user-images.githubusercontent.com/80174214/193887395-f1c95042-b4e6-480e-a89c-a78aa247fa90.gif" alt-text="GIF of Novu's Embeddable Notification Center">Read more about how to add a notification center to your app with the Novu API here
<p align="center"> <a href="https://docs.novu.co/sdks/react?utm_campaign=github-readme">React Component</a> · <a href="https://docs.novu.co/sdks/vue?utm_campaign=github-readme">Vue Component</a> · <a href="https://docs.novu.co/sdks/angular?utm_campaign=github-readme">Angular Component</a> </p> </div>Providers
Novu provides a single API to manage providers across multiple channels with a simple-to-use interface.
- Sendgrid
- Netcore
- Mailgun
- SES
- Postmark
- Custom SMTP
- Mailjet
- Mandrill
- SendinBlue
- MailerSend
- Infobip
- Resend
- SparkPost
- Outlook 365
📞 SMS
- Twilio
- Plivo
- SNS
- Nexmo - Vonage
- Sms77
- Telnyx
- Termii
- Gupshup
- SMS Central
- Maqsam
- 46elks
- Clickatell
- Burst SMS
- Firetext
- Infobip
- Bandwidth
- RingCentral
📱 Push
👇 Chat
📱 In-App
Other (Coming Soon...)
- PagerDuty
📋 Read Our Code Of Conduct
Before you begin coding and collaborating, please read our Code of Conduct thoroughly to understand the standards (that you are required to adhere to) for community engagement. As part of our open-source community, we hold ourselves and other contributors to a high standard of communication. As a participant and contributor to this project, you agree to abide by our Code of Conduct.
💻 Need Help?
We are more than happy to help you. If you are getting any errors or facing problems while working on this project, join our Discord server and ask for help. We are open to discussing anything related to the project.
🔗 Links
🛡️ License
Novu is licensed under the MIT License - see the LICENSE file for details.
💪 Thanks To All Contributors
Thanks a lot for spending your time helping Novu grow. Keep rocking 🥂
<a href="https://novu.co/contributors?utm_source=github"> <img src="https://contributors-img.web.app/image?repo=novuhq/novu" alt="Contributors"/> </a>