Implements Server-Sent Events in Next.js with the WebSocket-free protocol.
npx skills add https://github.com/statick88/dotfiles --skill nextjs-sse
Please help me install this Agent Skill. Skill: nextjs-sse Source: https://github.com/statick88/dotfiles/tree/main/amp/.agents/skills/nextjs-sse Command: npx skills add https://github.com/statick88/dotfiles --skill nextjs-sse
This Skill enables efficient, real-time data streaming from a Next.js server to clients using Server-Sent Events (SSE), ideal for live updates without the complexity of WebSockets.
Implement a basic Next.js SSE route to stream data every second.
High-intent search queries and answers about installing and using this skill.
To stream real-time data in Next.js, you can implement Server-Sent Events (SSE) using a ReadableStream on the server and the EventSource API on the client for efficient one-way communication over HTTP.
Use Server-Sent Events in Next.js when you need efficient one-way real-time data streaming from server to client, such as live notifications or AI model output delivery, without the complexity of managing WebSockets.
Yes, you can stream AI model responses token by token in Next.js by utilizing Server-Sent Events (SSE) to push streaming API responses directly from the server to the client over HTTP.
Yes, using the EventSource API for Server-Sent Events includes built-in handling for dropped connections, providing automatic reconnection to maintain reliable real-time data streaming.
Server-Sent Events (SSE) is limited to one-way communication from server to client over HTTP, making it unsuitable for applications requiring bidirectional real-time data exchange like interactive chat features.
csim-sgImplement better-auth authentication for Cloudflare Workers with D1.
salvo-rsStream real-time server updates to clients via Server-Sent Events.
algusaemImplement Next.js 14+ App Router patterns for Server Components, streaming, and data fetching.
salvo-rsEnables WebSocket and SSE real-time bidirectional communication in Salvo applications.
