NextJS:Rendering
lastmod 2023-12-02created 2023-12-024 edits
Rendering converts the code you write into user interfaces. React and Next.js let you build hybrid web applications where parts of your code can be rendered on the server or the client. This section helps you understand the differences between these rendering environments, strategies, and runtimes.
Server Side Components (SSC)
React Server Components let you write UI that can be rendered and optionally cached on the server. In Next.js, the rendering work is further split by route segments to enable streaming and partial rendering, and there are three server rendering strategies.
- Static Rendering
- Dynamic Rendering
- Streaming
Client Side Components (CSC)
Server and Client Composition Patterns
When building a React application, you need to consider which parts of the application should be rendered on the server or the client. This page covers some recommended composition patterns when using Server and Client Components.