docs/index.mdx - next - githubmirror/novu

docs/index.mdx
135 строк6 KB
Pawan Jain
fix(docs): enhance agent communication documentation with new channels and capabilities (#12188)
04 авг 2026, 20:50
04 авг 2026, 20:500777b56
---
title: Novu Documentation
description: "Build the communication infrastructure for agents and products."
mode: "wide"
"og:image": "https://docs.novu.co/images/og/og-home.png"
"twitter:image": "https://docs.novu.co/images/og/og-home.png"
---

{/* The #home-content wrapper is required: layout and navbar CSS for this
    page is scoped to it in style.css. Keep all page content inside it. */}

<div id="home-content">

Novu is open-source infrastructure for managing notifications and agent conversations across different channel and messaging platforms, without rebuilding channel logic from scratch.

<div className="hero-cards dark:hidden">
  <Columns cols={2}>
    <Card title="Novu Notify" img="/images/home-page/inbox-light.png" href="/platform">
      Build notification workflows across Inbox, email, SMS, push, and chat. Trigger events, personalize delivery, and reach users on the right channel.
    </Card>
    <Card title="Novu Connect" img="/images/home-page/connect-light.png" href="/agents">
      Connect AI agents to messaging providers with Agent Communication Infrastructure. Handle messages, identity, conversation state, and replies across every channel.
    </Card>
  </Columns>
</div>
<div className="hero-cards hidden dark:block">
  <Columns cols={2}>
    <Card title="Novu Notify" img="/images/home-page/inbox-dark.png" href="/platform">
      Build notification workflows across Inbox, email, SMS, push, and chat. Trigger events, personalize delivery, and reach users on the right channel.
    </Card>
    <Card title="Novu Connect" img="/images/home-page/connect-dark.png" href="/agents">
      Connect AI agents to messaging providers with Agent Communication Infrastructure. Handle messages, identity, conversation state, and replies across every channel.
    </Card>
  </Columns>
</div>

## Choose your path

<Tabs>
  <Tab title="Notify">

<Columns cols={2}>
  <Card title="React quickstart" icon="rocket" href="/platform/quickstart/react">
    Add the Novu Inbox to a React application and send your first notification.
  </Card>
  <Card title="Workflows" icon="git-branch" href="/platform/concepts/workflows">
    Learn how workflows model notification logic across channels and steps.
  </Card>
  <Card title="Inbox" icon="inbox" href="/platform/inbox">
    Embed a real-time notification feed that subscribers can read, archive, snooze, and configure.
  </Card>
  <Card title="Integrations" icon="plug" href="/platform/integrations">
    Connect providers for email and Slack delivery.
  </Card>
</Columns>

  </Tab>

  <Tab title="Connect">

<Columns cols={2}>
  <Card title="What is Connect?" icon="circle-question-mark" href="/agents">
    Understand the infrastructure layer between messaging providers and agent intelligence.
  </Card>
  <Card title="Managed Agent" icon="sparkles" href="/agents/managed-agent/overview">
    Connect an agent built in AI platform like Claude directly to your Novu agent.
  </Card>
  <Card title="Custom Code Agent" icon="square-code" href="/agents/get-started/ai-sdk">
    Connect your AI SDK, LangChain, or custom code agent to messaging channels.
  </Card>
  <Card title="Conversation observability" icon="messages-square" href="/agents/conversations">
    Inspect agent conversations, message history, participants, and provider context.
  </Card>
</Columns>

  </Tab>
</Tabs>

## How Novu fits together

<Columns cols={3}>
  <Card title="Trigger outbound notifications" icon="send">
    Connect an agent built with the AI SDK to Novu Connect.
  </Card>
  <Card title="Connect inbound conversations" icon="message-circle">
    Connect an agent built with the AI SDK to Novu Connect.
  </Card>
  <Card title="Operate the whole system" icon="activity">
    Connect an agent built with the AI SDK to Novu Connect.
  </Card>
</Columns>

<div className="dark:hidden">
  <Frame caption="Connect and Notify together power a continuous communication experience for AI agents and products.">
    ![Novu communication infrastructure](/images/home-page/How-Novu-fits-together-light.png)
  </Frame>
</div>
<div className="hidden dark:block">
  <Frame caption="Connect and Notify together power a continuous communication experience for AI agents and products.">
    ![Novu communication infrastructure](/images/home-page/How-Novu-fits-together-dark.png)
  </Frame>
</div>

## Build with your stack

<Columns cols={2}>
  <Card title="Client SDKs" icon="monitor-smartphone" href="/platform/sdks#web-and-mobile-sdks">
    Add Inbox and notification UI to React, JavaScript, and React Native apps.
  </Card>
  <Card title="Server SDKs" icon="server" href="/platform/sdks/server">
    Trigger notifications and call the API from TypeScript, Python, Go, PHP, .NET, Java, Kotlin, Laravel, and Ruby.
  </Card>
  <Card title="API reference" icon="braces" href="/api-reference">
    Explore Novu REST APIs for events, subscribers, workflows, integrations, messages, and more.
  </Card>
  <Card title="Framework" icon="blocks" href="/framework">
    Build notification workflows as code with the Novu Framework.
  </Card>
</Columns>

## Community

<Columns cols={3}>
  <Card title="GitHub" icon="github" href="https://github.com/novuhq/novu">
    Star Novu, inspect the source, and contribute to the project.
  </Card>
  <Card title="Discord" icon="messages-square" href="https://discord.gg/novu">
    Ask questions and build with the Novu community.
  </Card>
  <Card title="Changelog" icon="newspaper" href="https://go.novu.co/changelog?utm_source=docs_home">
    Follow product updates, SDK releases, and improvements across Connect and Notify.
  </Card>
</Columns>

</div>