novu

Novu

Novu は、メール、SMS、プッシュ通知、チャット、アプリ内の各チャネルを通じて通知を送信するための通知インフラストラクチャプラットフォームです。ワークフローは、Novu ダッシュボードの UI またはコードから @novu/framework を使って作成できます。

サブスキル

スキル	使用する場面
trigger-notification	通知の送信、ワークフローのトリガー、単一または一括送信
manage-subscribers	サブスクライバーの作成、更新、一覧表示、削除、トピックやグループの管理
inbox-integration	Web アプリや React Native アプリにアプリ内通知の受信トレイ、ベルアイコン、通知フィードを追加
manage-preferences	サブスクライバーの通知設定、ワークフローのデフォルト設定、設定 UI のセットアップ

クイックルーティング

• 「ウェルカムメールを送信する」 → trigger-notification/
• 「サブスクライバーグループを作成する」 → manage-subscribers/
• 「アプリにベルアイコンを追加する」 → inbox-integration/
• 「ユーザーがメール配信を停止できるようにする」 → manage-preferences/

よくある組み合わせ

• 通知システム全体：trigger-notification/ + manage-subscribers/
• アプリ内通知：trigger-notification/ + inbox-integration/
• 完全なスタック：4 つすべてのスキル

SDK の概要

パッケージ	サイド	目的
@novu/api	サーバー	REST 経由で通知をトリガーし、サブスクライバー／トピック／ワークフローを管理
@novu/react	クライアント	React の受信トレイコンポーネント、通知、設定、ベル
@novu/nextjs	クライアント	Next.js に最適化された受信トレイの統合
@novu/react-native	クライアント	React Native のフックベースの受信トレイ統合
@novu/js	クライアント	React 以外のアプリ向けの Vanilla JS クライアント

重要な違い：

• @novu/api は、通知を送信するワークフローのトリガーと、リソース（サブスクライバー、トピック、コンテキスト）の管理に使用します
• @novu/react / @novu/js は、クライアント側の受信トレイ統合と設定に使用します

共通セットアップ

npm i @novu/api

import { Novu } from "@novu/api";

const novu = new Novu({
 secretKey: process.env.NOVU_SECRET_KEY,
});

await novu.trigger({
  workflowId: "workflowId",
  to: "subscriberId",
  payload: {
    "comment_id": "string",
    "post": {
      "text": "string",
    },
  },
})

リソース

• Novu のドキュメント
• Novu ダッシュボード
• GitHub