inngest-realtime

Stream Inngest function events to web clients via token-based subscriptions.

1|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/supersterling/primus --skill inngest-realtime
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: inngest-realtime
Source: https://github.com/supersterling/primus/tree/main/.agents/skills/inngest-realtime
Command: npx skills add https://github.com/supersterling/primus --skill inngest-realtime

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stream real-time Inngest events from functions to web browsers, enabling live UIs without extra infrastructure.

Core Features & Use Cases

  • Native realtime in Inngest v4; publish messages via step.realtime.publish and subscribe with useInngestSubscription; server actions can generate tokens for client subscriptions.
  • Client setup and usage across Next.js apps: initialize the Inngest client, generate a subscription token, subscribe in React, and render incoming messages.
  • Use cases include live dashboards, streaming LLM outputs, progress indicators, and human-in-the-loop interfaces that require low-latency updates.

Quick Start

Create an Inngest client, subscribe to a user channel using useInngestSubscription, and render real-time messages in the browser.

Frequently Asked Questions about inngest-realtime

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I stream Inngest function events to a web client in real time?

To stream Inngest function events in real time, the Skill uses Inngest v4 native realtime APIs. You publish messages via step.realtime.publish, then generate a subscription token in server actions for the client to subscribe and render live updates.

Can I use useInngestSubscription to render live LLM outputs in Next.js?

Yes, useInngestSubscription handles real-time streaming of LLM outputs in Next.js. Initialize the Inngest client, generate a token, subscribe to the channel, and render the incoming tokens as live UI updates.

Does Inngest realtime support human-in-the-loop progress indicators without extra infrastructure?

Inngest realtime supports human-in-the-loop progress indicators without extra infrastructure. By leveraging step.realtime.publish and token-based client subscriptions, you can stream low-latency updates directly to the browser.

How do I set up token-based subscriptions for Inngest realtime across server actions?

To set up token-based subscriptions, use Next.js server actions to generate the subscription token. Pass this token to the client side, initialize the Inngest client, and use the useInngestSubscription hook to subscribe and receive real-time messages.

What is the best way to build a live dashboard with Inngest v4 and TypeScript?

The best way to build a live dashboard with Inngest v4 and TypeScript is using native realtime APIs. Use step.realtime.publish to send updates from functions and useInngestSubscription on the client to render the live data without extra infrastructure.

Do I need additional websocket infrastructure to enable real-time Inngest subscriptions?

You do not need additional websocket infrastructure to enable real-time Inngest subscriptions. The Skill satisfies integration with Inngest v4 native realtime APIs, handling the server-side publishing and client-side hooks directly.