What are the main benefits of using Server Components in a real React app?

Server Components reduce the amount of JavaScript sent to the browser, since their actual code never needs to run on the client at all. They also let you safely access databases and secret keys directly, and they can improve initial page load speed since the server can send fully rendered content right away.

// This safely uses a secret database connection string, never exposed to the browser
async function Dashboard() {
  const stats = await db.query('SELECT * FROM stats', { key: process.env.SECRET_DB_KEY });
  return <StatsView data={stats} />;
}