React Server Components

Table of Contents

• When to Use
• When NOT to Use
• Instructions
• Details
• Source

React's Server Components enable modern UX with a server-driven mental model. This is quite different from Server-side Rendering (SSR) of components and results in significantly smaller client-side JavaScript bundles.

When to Use

• Use this when you want to reduce client-side JavaScript by running data-fetching and rendering on the server
• This is helpful for improving performance with zero-JS-cost server-rendered components in Next.js 13+ App Router

When NOT to Use