Next.js
Next/Image: Optimización automática, lazy loading y placeholders explicados con ejemplos
Aprende a usar next/image con optimización automática, lazy loading y placeholders, incluyendo ejemplos con salida HTML esperada.
Cronograma de tutoriales de Next.js
Next.js con App Router, Server Components y patrones de deploy modernos
Next.js
Next.js
Dominá next/font: Cargá fuentes de Google o locales sin arruinar tu CLS
Aprendé a usar next/font para cargar Google Fonts y fuentes locales de forma optimizada, eliminando el Cumulative Layout Shift (CLS) y mejorando tus métricas de Core Web Vitals.
Frontend
CSS Modules vs Tailwind en Next.js: comparativa completa con ejemplos y mejores prácticas
Descubre las diferencias entre CSS Modules y Tailwind CSS en un proyecto Next.js: ventajas, desventajas, ejemplos de código y cuál usar según tu caso.
Next.js
Static vs Dynamic Rendering en Next.js App Router: diferencias y ejemplos
Introducción En el ecosistema de Next.js, el App Router introdujo un nuevo modelo de renderizado que combina lo mejor del servidor y del cliente. Sin embargo,…
Next.js
Dominá las variables de entorno en Next.js: El secreto de NEXT_PUBLIC_ y la seguridad de tus datos
Aprendé a diferenciar entre variables de servidor y cliente en Next.js. Evitá exponer tus claves secretas y dominá el uso de NEXT_PUBLIC_ con ejemplos prácticos y seguros.
Vercel
Deploying Next.js to Vercel with Preview Deployments: A Step‑by‑Step Guide
Aprende a conectar tu proyecto Next.js a Vercel, automatizar la producción y usar despliegues previos para cada rama o solicitud de extracción con comandos prácticos y salidas esperadas.
Next.js
Cómo hacer fetch de datos directamente en Server Components de Next.js
Aprende a hacer fetch de datos directamente en Server Components de Next.js, con ejemplos de fetch básico, ISR, manejo de errores, streaming con Suspense y passing de datos a Client Components.