Skip to content

Inngest on Next.js Starter

Develop AI products at the speed of thought with Inngest and Next.js. Demo features like background jobs, real-time updates, and throttling.

Framework
Use Case
Contentful thumbnail for Get started with Next.js & Inngest

Get started with Next.js & Inngest

This project is an interactive tour of Inngest useful features for Next.js configured with:

  1. Trigger your first Inngest function - Learn how to trigger an Inngest function and see its output.

  2. Multi-Step Functions and Streaming - See how Inngest functions can be divided into fault-tolerant steps and stream updates to the UI.

  3. Fault Tolerance with Retries - Experience how Inngest handles failures and retries through a function that intentionally fails.

  4. Flow Control: Throttling - Learn about controlling function execution with features like throttling to handle 3rd party APIs rate limiting.

All functions source code are available in the src/lib/demo-functions.ts.

Getting Started

  1. Install dependencies:
    npm install
  2. Run the Next.js development server:
    npm run dev
  3. Run the Inngest dev server:
    npx inngest-cli@latest dev -u http://localhost:3000/api/inngest
  4. Visit http://localhost:3000

Deploy on Vercel

You can deploy this project to Vercel with a few clicks:

You can also find a complete step-by-step deploy to Vercel guide in our documentation.

Contentful thumbnail for Get started with Next.js & Inngest

Inngest on Next.js Starter

Develop AI products at the speed of thought with Inngest and Next.js. Demo features like background jobs, real-time updates, and throttling.

Framework
Use Case

Get started with Next.js & Inngest

This project is an interactive tour of Inngest useful features for Next.js configured with:

  1. Trigger your first Inngest function - Learn how to trigger an Inngest function and see its output.

  2. Multi-Step Functions and Streaming - See how Inngest functions can be divided into fault-tolerant steps and stream updates to the UI.

  3. Fault Tolerance with Retries - Experience how Inngest handles failures and retries through a function that intentionally fails.

  4. Flow Control: Throttling - Learn about controlling function execution with features like throttling to handle 3rd party APIs rate limiting.

All functions source code are available in the src/lib/demo-functions.ts.

Getting Started

  1. Install dependencies:
    npm install
  2. Run the Next.js development server:
    npm run dev
  3. Run the Inngest dev server:
    npx inngest-cli@latest dev -u http://localhost:3000/api/inngest
  4. Visit http://localhost:3000

Deploy on Vercel

You can deploy this project to Vercel with a few clicks:

You can also find a complete step-by-step deploy to Vercel guide in our documentation.

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential

Try Vercel Free