Next.js 12 includes React Server Components, which enable you to load components faster because computing is shifted away from the client.

LogRocket is a frontend monitoring platform that helps developers debug and troubleshoot issues in web applications by providing session replay, error tracking, and performance monitoring capabilities. With LogRocket, developers can gain insights into user interactions, identify bugs, and optimize application performance to deliver better user experiences. Developers can learn how to integrate LogRocket into their web applications, analyze user sessions, and diagnose frontend issues effectively.

LogRocket

React Server Components (RSC) aims to cut out the work we usually give to the client by rendering everything, including the components, on the server. This approach produces zero bundle-sized components, consequently improving the load time of your web pages. RSC won’t be shipped with the first version of React 18 and is only available in certain frameworks — such as Next.js — under an experimental flag.

React Server Components in Next.js 12

We made a custom demo for . No really. Click here to check it out .

What do React Server Components really do?

Using React Server Components in Next.js 12

Full visibility into production React apps

<p>This is a fabulous feature! Can’t wait for it be publicly available 🤩</p>
