Next.js and Inngest Example

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 your own

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

How to use

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.

Notes

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.