Does this skill require a framework like Next.js?

No, this skill is designed for building custom React SSR implementations directly on Bun, offering more control and less overhead than full-stack frameworks.

Is this suitable for production environments?

Yes, it includes specialized build scripts for both client and server targets, utilizing Bun's minification and code-splitting features for production readiness.

How does hydration work with this skill?

The skill provides templates for client-side entry points using hydrateRoot and demonstrates how to synchronize server-side data with the client via window globals.

Does it support React Suspense and Streaming?

Yes, it includes implementation patterns for Streaming SSR using React's renderToReadableStream and Suspense boundaries for progressive loading.

Bun React SSR

Name: Bun React SSR
Author: secondsky

bysecondsky

•

API 개발

Implements high-performance server-side rendering for React applications using the Bun runtime and native bundler.

소개

Bun React SSR provides a robust foundation for building production-grade, server-rendered React applications without the overhead of heavy frameworks. It enables developers to leverage Bun's extreme performance for standard SSR, streaming SSR with Suspense, and efficient client-side hydration. By providing standardized patterns for data fetching, routing, and CSS handling, this skill allows for fine-grained control over the rendering pipeline while maintaining a simple, modern development workflow optimized for the Claude Code CLI.

주요 기능

Integrated Bun.build configurations for browser-side bundling and minification
21 GitHub stars
Streaming SSR support using React Suspense and Bun's native streams
Efficient client-side hydration and state synchronization patterns
Server-side data fetching with initial state injection for SEO optimization
Ready-to-use hot-reload development server and production build scripts

사용 사례

Creating custom SSR boilerplates with minimal dependencies
Building high-performance, SEO-friendly React web applications
Migrating client-only React apps to a server-rendered architecture for better TTFB

소개

주요 기능

Integrated Bun.build configurations for browser-side bundling and minification
21 GitHub stars
Streaming SSR support using React Suspense and Bun's native streams
Efficient client-side hydration and state synchronization patterns
Server-side data fetching with initial state injection for SEO optimization
Ready-to-use hot-reload development server and production build scripts

사용 사례

Creating custom SSR boilerplates with minimal dependencies
Building high-performance, SEO-friendly React web applications
Migrating client-only React apps to a server-rendered architecture for better TTFB