Stream React server-side rendering with renderToPipeableStream and Suspense.
npx skills add https://github.com/PMKhai/claude-config --skill streaming-ssr-pmkhai
Please help me install this Agent Skill. Skill: streaming-ssr Source: https://github.com/PMKhai/claude-config/tree/main/skills/streaming-ssr Command: npx skills add https://github.com/PMKhai/claude-config --skill streaming-ssr-pmkhai
Streaming server-side rendering reduces Time To First Byte and enables faster perceptual performance by delivering HTML as it's generated.
Start streaming the HTML shell with renderToPipeableStream and hydrate on the client when the shell is ready.
High-intent search queries and answers about installing and using this skill.
Streaming SSR reduces Time To First Byte by sending the HTML shell immediately while slower components render. Using React 18 renderToPipeableStream with Suspense boundaries progressively delivers content to the client.
Streaming server-side rendering works by piping HTML chunks to the client via renderToPipeableStream. The shell renders first, and Suspense boundaries allow deferred content to stream later, improving perceived performance.
renderToPipeableStream targets Node servers, but edge environments can use renderToReadableStream for Web Streams. Both methods enable streaming SSR and require client hydration via hydrateRoot.
Yes, Suspense boundaries are required to progressively render content. They allow the shell to stream immediately while slower parts render, improving First Contentful Paint and overall perceived performance.
Hydrate a streamed React application using hydrateRoot on the client once the shell is ready. This attaches event listeners to the progressively streamed HTML generated by renderToPipeableStream.
PMKhaiEnable selective hydration for SSR React apps using Suspense and hydrateRoot.
ubay1Enable selective hydration with streaming SSR in React 18.
HollowvynEnable selective hydration for React 18 streaming SSR pages.
Lobbi-DocsStream Claude API responses progressively via Server-Sent Events with delta types.
