Framework de React para aplicaciones web full-stack con Server Components, routing basado en archivos, SSR/SSG y optimizaciones de rendimiento integradas.
Next.js es el framework de React más popular para aplicaciones web de producción. Proporciona routing, rendering (SSR, SSG, ISR), optimizaciones y API routes out of the box.
| Concepto | Función | Ejemplo |
|---|---|---|
| Server Components | Componentes que se ejecutan en el servidor (por defecto) | Fetch de datos sin useEffect |
| Client Components | Componentes interactivos ('use client') | Formularios, event handlers |
| Layouts | UI compartida entre rutas | Header, sidebar persistentes |
| Loading/Error | Estados de carga y error por ruta | Skeleton screens, error boundaries |
| Route Handlers | API endpoints | app/api/data/route.ts |
| Estrategia | Cuándo | Uso |
|---|---|---|
| SSG | Build time | Contenido estático |
| SSR | Request time | Datos dinámicos |
| ISR | Revalidación periódica | Contenido semi-estático |
| Streaming | Progresivo | UX rápida con datos lentos |
jonmatum.com está construido con Next.js App Router, usando SSG para las páginas de contenido y API routes para el knowledge graph.
Next.js es el framework React más adoptado para producción. Server Components, App Router y optimizaciones automáticas de rendimiento lo hacen la opción por defecto para aplicaciones web que necesitan SEO, velocidad y experiencia de desarrollo moderna.
Biblioteca de JavaScript para construir interfaces de usuario mediante componentes declarativos y reutilizables, con un ecosistema que abarca desde SPAs hasta aplicaciones full-stack con Server Components.
Modelo de computación en la nube donde el proveedor gestiona la infraestructura automáticamente, permitiendo ejecutar código sin aprovisionar ni administrar servidores, pagando solo por el uso real.
Crónica de construir un segundo cerebro con grafo de conocimiento, pipeline bilingüe y endpoints para agentes — en días, no semanas, y lo que eso enseña sobre la brecha entre teoría y sistemas que funcionan.
Framework CSS utility-first que permite construir diseños directamente en el markup usando clases atómicas, eliminando la necesidad de escribir CSS custom.
Patrones y bibliotecas para gestionar el estado de aplicaciones frontend de forma predecible, desde estado local de componentes hasta estado global compartido.
Paradigma de React donde los componentes se ejecutan en el servidor, enviando solo HTML al cliente, reduciendo el bundle de JavaScript y mejorando el rendimiento.