Next.js
Framework de React para aplicaciones web full-stack con Server Components, routing basado en archivos, SSR/SSG y optimizaciones de rendimiento integradas.
seed#nextjs#react#framework#ssr#ssg#app-router#vercel
¿Qué es?
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.
App Router (Next.js 13+)
| 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 |
Estrategias de rendering
| 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 |
Este sitio usa Next.js
jonmatum.com está construido con Next.js App Router, usando SSG para las páginas de contenido y API routes para el knowledge graph.
¿Por qué importa?
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.
Referencias
- Next.js Documentation — Documentación oficial.
- Next.js Blog — Vercel, 2024. Anuncios y novedades de Next.js.
- Next.js on Vercel — Vercel, 2024. Guía de despliegue y optimización.