Understanding Server Components in Next.js

React Server Components change how we build apps. They execute exclusively on the server, which means zero bundle size for the components themselves!

Code Example

export default async function RSC() {
  const data = await fetch("...");
  return <div>{data.name}</div>;
}