React Server Components (RSC)

RSC is a paradigm shift in how we build React applications. By moving logic to the server, we reduce the bundle size sent to the client.

Key Benefits

1. Zero Bundle Size: Server components don't add to the JS bundle.
2. Direct Database Access: Query your DB directly inside your component.
3. Automatic Code Splitting: Next.js handles this out of the box.

async function BlogPost({ id }) {
  const post = await db.post.findUnique({ where: { id } });
  return <h1>{post.title}</h1>;
}