El ○ (Static) describe la ruta pero no muestra los componentes dentro de ella. Dentro de una página estática pueden convivir Server y Client Components perfectamente.

Los eventos o peticiones nacen en el Server(estáticos) y son pasados al cliente como prop.

Servidor → fetchea, tiene TODOS los datos.

Cliente → recibe los datos, maneja la interactividad como filtro, presentación parcial, cambio a minúscula, etc y para esto se usa el estado, onChange, useRef, useMemo.

La separación de responsabilidades es clara:

Servidor → obtener los datos (fetch, BD, APIs).

Cliente → manipular, filtrar, reaccionar a interacciones del usuario.

El puente entre ambos son las props ... El servidor le entrega los datos al cliente una sola vez, y el cliente los trabaja sin volver a pedirlos al servidor.