This is an example of how to use Inngest to easily add durable work flows to your Next.js application. It keeps things simple:

• Bare bones examples with a single button UI that triggers an event
• Runs the Inngest dev server locally for immediate feedback

Deploy the example using Vercel or preview live with StackBlitz

To full deploy you'll need an Inngest Cloud account and the Vercel Inngest integration configured.

Execute create-next-app with npm, Yarn, pnpm, or Bun to bootstrap the example:

npx create-next-app --example inngest inngest-app

yarn create next-app --example inngest inngest-app

pnpm create next-app --example inngest inngest-app

bunx create-next-app --example inngest inngest-app

This is a Next.js project bootstrapped with create-next-app.

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

The Inngest dev server will be running at http://localhost:8288. It can take a few seconds to start up.