Back to templates

Template details

Inngest on Next.js Starter

Interactive Next.js starter demonstrating Inngest background jobs, multi-step functions, retries, and throttling for reliable workflows.

About this template

Inngest on Next.js Starter is a Next.js demo project that walks through Inngest's core features for building reliable, event-driven background workflows with zero infrastructure. It is maintained as an Inngest JavaScript/TypeScript example and ships as a deployable Vercel template.

What is Inngest on Next.js Starter?

Inngest on Next.js Starter is an interactive tour of Inngest features built on Next.js. The application exposes Inngest functions through a Next.js API route at /api/inngest and lets you trigger them from a local UI. It takes event triggers as input and produces step-by-step function output, including streamed updates, retry behavior, and throttled execution. All demo function source code sits in src/lib/demo-functions.ts.

Key Features

  • Trigger your first function — Learn how to trigger an Inngest function from the Next.js app and inspect its output directly in the UI.
  • Multi-step functions and streaming — Functions are divided into fault-tolerant steps, with updates streamed to the UI as they complete.
  • Fault tolerance with retries — An intentionally failing function demonstrates how Inngest handles failures and automatic retries.
  • Flow control with throttling — Throttling controls function execution, useful for respecting third-party API rate limits.
  • Next.js framework — Built on Next.js with dependencies installed via npm install and run with npm run dev.
  • Local dev server integration — Connect the Inngest dev server with npx inngest-cli@latest dev -u http://localhost:3000/api/inngest.
  • One-click Vercel deploy — A Deploy with Vercel button clones the starter, and a step-by-step Vercel guide is linked in the Inngest docs.

How does Inngest on Next.js Starter work?

  1. Run npm install to install dependencies.
  2. Start the Next.js dev server with npm run dev.
  3. Start the Inngest dev server pointed at http://localhost:3000/api/inngest.
  4. Visit http://localhost:3000 and work through the interactive demos.

Who is it for?

  • Next.js developers evaluating Inngest: see multi-step functions, streaming, retries, and throttling in a running app before adopting the SDK.
  • Backend and platform engineers: use the demo functions as reference patterns for fault-tolerant background jobs.
  • Developers deploying to Vercel: clone the starter via the Deploy button to get a working event-driven setup on Vercel.

Use cases

  • Rate-limited API integrations: apply throttling to stay within third-party API limits when calling external services from background functions.
  • Real-time progress UIs: stream multi-step function updates to the frontend so users see job progress without polling.
  • Failure-tolerant jobs: use step splitting and retries so a partially failed workflow resumes rather than restarting.

The underlying Inngest repository is described as a developer platform for building reliable workflows with zero infrastructure for TypeScript and JavaScript, covering background jobs, event-driven processing, job queues, scheduling, and serverless workers.

Screenshot of Inngest on Next.js Starter