Use Cases

Real-world applications

Reducing Client Bundle Size

By rendering components on the server and excluding server-only code from client bundles, applications can reduce the amount of JavaScript sent to browsers.

Result: Improved load times and performance on client devices.

Direct Server Data Fetching

Fetching data such as files or database content directly during server-side rendering without additional client-server round trips.

Result: Faster data availability and simplified data flow.

Building Hybrid React Applications

Composing Server Components with Client Components to balance server rendering and client interactivity.

Result: Optimized rendering with interactive UI elements where needed.