How are server components rendered?
In NextJS server component are rendered on the server-side, meaning that it initial rendering of the component happens on the server side rather than the client’s browser. There are the two steps in Next.js for rendering the Server component in the server side.
- React renders Server Components into a special data format called the React Server Component (RSC Payload).
- NextJS uses the RSC Payload and client Component for rendering the HTML on the server.
Server Components in Next.js
NextJS is a popular and powerful React Framework that simplifies building modern web applications was created by Vercel (formerly Zeit), and NextJS simplifies the process of building modern web applications by providing a robust framework.
In this post, we will explore the Server Components in NextJS.
Table of Content
- What are Server Components?
- How are server components rendered?
- Static Rendering
- Dynamic Rendering
- Streaming
- Benefits of Server Rendering: