¿Qué es React Server Components?

Los React Server Components (RSC) son un tipo de componente que se ejecuta y renderiza completamente en el servidor, no en el navegador del usuario. A diferencia de los componentes tradicionales de React (Client Components), un Server Component nunca envía su código JavaScript al cliente — solo el HTML resultante.

Esto tiene dos beneficios prácticos: reduce el peso de JavaScript que el navegador tiene que descargar y ejecutar (mejorando el rendimiento, especialmente en conexiones lentas), y permite que un componente acceda directamente a una base de datos o servicio interno sin exponer esa lógica al cliente.

El App Router de Next.js usa Server Components por defecto, combinándolos con Client Components (marcados explícitamente con la directiva `'use client'`) para las partes de la interfaz que sí necesitan interactividad en el navegador, como formularios o botones con estado.