Implement server-sent events in Next.js with route handlers and EventSource.
npx skills add https://github.com/vuthuonghai-steve/KLTN --skill sse-basics
Please help me install this Agent Skill. Skill: sse-basics Source: https://github.com/vuthuonghai-steve/KLTN/tree/main Command: npx skills add https://github.com/vuthuonghai-steve/KLTN --skill sse-basics
SSE Basics provides a simple, reliable pattern for server-to-client real-time updates using Server-Sent Events. It lets you push events from server to web clients in Next.js with clean formatting and predictable connection handling.
To begin, implement a minimal SSE endpoint and a client EventSource to subscribe to /api/sse-basics that prints incoming JSON payloads.
High-intent search queries and answers about installing and using this skill.
Server-sent events in Next.js are implemented using route handlers with TransformStream or ReadableStream to format text/event-stream payloads, pushing real-time data from server to client for live feeds and notifications.
Server-sent events provide a reliable pattern for unidirectional server-to-client streaming in Next.js, using standard text/event-stream formatting with data: payloads and automatic client reconnection via EventSource.
Yes, EventSource works with Next.js route handlers to consume server-sent events, automatically managing connection handling and reconnection for real-time client updates like live notifications and progress feeds.
Server-sent events stream payloads must use text/event-stream formatting, sending data: prefixed JSON strings terminated by a double newline to ensure the client EventSource correctly parses and triggers real-time updates.
Use server-sent events for unidirectional server-to-client real-time updates like live dashboards and feeds, relying on EventSource automatic reconnection rather than implementing bidirectional channels for simple push notifications.
SSE reconnection is handled natively by the client EventSource API, while server-side Next.js route handlers can implement heartbeat strategies within the ReadableStream to keep the text/event-stream connection alive.
TimeKastStandardize Next.js 16+ server actions and route handlers with Zod validation and ActionResult contracts.
MybonoSet up WebSocket, Socket.io, and SSE servers with client code.
paolomozStream Server-Sent Events from Cloudflare Workers to browser clients.
HeldinhowImplement WebSocket communication for real-time bidirectional client-server interaction.
