
Client Components en Next.js
Aprende qué son los Client Components, cuándo usarlos, cómo se renderizan y cómo combinarlos con Server Components en Next.js App Router.
Este espacio está diseñado con el propósito de compartir y aportar conocimiento sobre programación y tecnología. Aquí encontrarás artículos, apuntes y experiencias relacionadas con lo que aprendo en la programación. ¡Espero que las publicaciones te sean de ayuda!

Aprende qué son los Client Components, cuándo usarlos, cómo se renderizan y cómo combinarlos con Server Components en Next.js App Router.

Cómo usar la API de Metadata de Next.js para controlar títulos, descripciones, Open Graph y Twitter Cards, con metadata estática y dinámica con generateMetadata.

Entendé el modelo completo de rendering de Next.js: Server Components, Client Components, hydration, rendering estático y dinámico, Streaming con Suspense y Partial Prerendering.

Cómo funciona el sistema de routing basado en file system de Next.js App Router: convenciones de archivos, rutas dinámicas, Route Groups, navegación y loading states.

Qué son los React Server Components, por qué Next.js los usa por defecto, cómo funcionan internamente y cuándo usarlos frente a los Client Components.

Qué es Server Side Rendering, cómo Next.js genera HTML en el servidor, qué es el RSC Payload, cómo funciona la hidratación y cuándo elegir SSR sobre SSG o CSR.

Zustand es una biblioteca diseñada para gestionar estados en aplicaciones desarrolladas con React. Ofrece una API sencilla pero poderosa que facilita el control del estado de la aplicación. A diferencia de otras bibliotecas como Redux, elimina la necesidad de acciones, reductores y middleware complejos.