githubmirror/novu

docs/framework.mdx
42 строки2 KB
George Djabarov
docs(docs): replace em dashes with spaced hyphens (#11970)
19 июл 2026, 13:33
19 июл 2026, 13:3306949a1
---
title: "Novu Framework - Code-First Notification Workflows"
description: "Build, version, and deploy notification workflows in TypeScript with the Novu Framework. Define steps in code and sync to Novu Cloud."
sidebarTitle: Overview
---


Novu Framework enables you to run a part of the core Novu workflow engine from within your network boundary. This also opens up a powerful new capability: **you can create Novu workflows entirely in code**. This is important because:

- You can inject custom code that does nearly anything you can imagine as part of a Novu workflow
- Your code-based workflow lives alongside your application code in source control
- You can hydrate notification content using local data-sources, reducing what you need to sync outside of your IT boundary

### What it is and how it works

Novu Framework is an application and SDK that you run locally, and communicates natively with the Novu Cloud Worker Engine via the Novu API.

Novu Framework requires a single HTTP webhook-like endpoint (/api/novu or similar) to be exposed by your application. This endpoint is called a **Bridge Endpoint** and is used to receive events from our Worker Engine through an encrypted client-initiated tunnel.

When enabled, Novu Cloud will call the Bridge Endpoint when it needs to retrieve contextual information for a given subscriber and notification.

Use the `npx novu init` command to create a sample Bridge application with a built-in Bridge Endpoint.

<Note>
  Novu Framework is used as a code layer to power both workflows and [agents](/agents).
</Note>

## Quickstart

To get started with Novu Framework, pick your preferred technology from the list below:

<Columns cols={2}>
  <Card title="Next.js" icon="/images/icons/nextjs.svg" href="/framework/quickstart/nextjs" />
  <Card title="Express.js" icon="/images/icons/express.svg" href="/framework/quickstart/express" />
  <Card title="Remix" icon="/images/icons/remix.svg" href="/framework/quickstart/remix" />
  <Card title="NestJS" icon="/images/icons/nestjs.svg" href="/framework/quickstart/nestjs" />
  <Card title="Svelte" icon="/images/icons/svelte.svg" href="/framework/quickstart/svelte" />
  <Card title="Nuxt" icon="/images/icons/nuxt.svg" href="/framework/quickstart/nuxt" />
  <Card title="H3" icon="server" href="/framework/quickstart/h3" />
  <Card title="Hono" icon="flame" href="/framework/quickstart/hono" />
  <Card title="Lambda" icon="cloud" href="/framework/quickstart/lambda" />
</Columns>