React Server Components

https://nextjs.org/docs/advanced-features/react-18/server-components

React Server Components is an experimental feature of React that aims to improve server-side rendering performance by allowing components to be rendered on the server and streamed to the client as they become available, instead of waiting for the entire page to be rendered before being sent to the client.

React Server Components work by allowing components to be split into two parts: a "server component" that is rendered on the server, and a "client component" that is hydrated on the client. The server component generates HTML for the component, which is then streamed to the client. Meanwhile, the client component is downloaded and initialized in the background. When the client component is ready, it takes over from the server component and continues rendering the component on the client.

This approach can improve server-side rendering performance by reducing the amount of work the server has to do, and by allowing the client to start rendering components before the entire page has been downloaded. It can also help to reduce the size of the initial page load, which can improve perceived performance and reduce the risk of users abandoning the page before it has finished loading.

React Server Components are still an experimental feature and are subject to change. They are currently available as a preview feature in the latest versions of React.