Guías
Obtención de datos (Data Fetching)
- Uso de la API
fetch - Uso de un ORM o cliente de base de datos
- Lectura de parámetros de búsqueda en el servidor
- Lectura de parámetros de búsqueda en el cliente
Revalidación de datos
- Uso de ISR para revalidar datos después de un tiempo determinado
- Uso de ISR para revalidar datos bajo demanda
Formularios
- Mostrar un estado pendiente al enviar un formulario
- Validación de formularios en el servidor
- Manejo de errores esperados
- Manejo de excepciones inesperadas
- Mostrar actualizaciones optimistas de UI
- Envío programático de formularios
Acciones de servidor (Server Actions)
- Paso de valores adicionales
- Revalidación de datos
- Redireccionamiento
- Configuración de cookies
- Eliminación de cookies
Metadatos
- Creación de un feed RSS
- Creación de una imagen Open Graph
- Creación de un sitemap
- Creación de un archivo robots.txt
- Creación de una página 404 personalizada
- Creación de una página 500 personalizada
Autenticación (Auth)
- Creación de un formulario de registro
- Gestión de sesiones sin estado basadas en cookies
- Gestión de sesiones con estado respaldadas por base de datos
- Gestión de autorización
Pruebas (Testing)
Despliegue (Deployment)
- Creación de un Dockerfile
- Creación de una exportación estática (SPA)
- Configuración de caché al autoalojar
- Configuración de optimización de imágenes al autoalojar
Análisis
Mide y rastrea el rendimiento de la página usando Next.js Speed Insights
Autenticación
Aprende cómo implementar autenticación en tu aplicación Next.js.
Almacenamiento en caché en CI
Aprenda a configurar CI para almacenar en caché las compilaciones de Next.js
Política de Seguridad de Contenido
Aprende a configurar una Política de Seguridad de Contenido (CSP) para tu aplicación Next.js.
CSS-in-JS
Uso de bibliotecas CSS-in-JS con Next.js
Servidor Personalizado
Inicie una aplicación Next.js de manera programática utilizando un servidor personalizado.
Depuración
Aprende a depurar tu aplicación Next.js con VS Code, Chrome DevTools o Firefox DevTools.
Modo Borrador
Next.js incluye el modo borrador para alternar entre páginas estáticas y dinámicas. Aquí puedes aprender cómo funciona con el App Router.
Variables de Entorno
Aprende a añadir y acceder a variables de entorno en tu aplicación Next.js.
Formularios
Aprenda a crear formularios en Next.js utilizando Acciones de Servidor (Server Actions) de React.
ISR
Aprende a crear o actualizar páginas estáticas en tiempo de ejecución con Regeneración Estática Incremental.
Instrumentación
Aprenda a usar la instrumentación para ejecutar código al iniciar el servidor en su aplicación Next.js
Internacionalización
Agrega soporte para múltiples idiomas con enrutamiento internacionalizado y contenido localizado.
JSON-LD
Aprende a añadir JSON-LD a tu aplicación Next.js para describir tu contenido a motores de búsqueda e inteligencia artificial.
Carga Diferida
Carga de forma diferida bibliotecas importadas y Componentes de React para mejorar el rendimiento de carga de tu aplicación.
Entorno de desarrollo
Aprende cómo optimizar tu entorno de desarrollo local con Next.js.
MDX
Aprende a configurar MDX y utilizarlo en tus aplicaciones Next.js.
Uso de memoria
Optimiza el uso de memoria de tu aplicación en desarrollo y producción.
Multiinquilino
Aprenda a construir aplicaciones multiinquilino con el Enrutador de Aplicaciones (App Router).
Multi-zonas
Aprende a construir micro-frontends utilizando Multi-Zonas de Next.js para desplegar múltiples aplicaciones Next.js bajo un mismo dominio.
OpenTelemetry
Aprende cómo instrumentar tu aplicación Next.js con OpenTelemetry.
Empaquetado de Paquetes
Aprenda a optimizar los paquetes del servidor y del cliente en su aplicación.
Producción
Recomendaciones para garantizar el mejor rendimiento y experiencia de usuario antes de llevar tu aplicación Next.js a producción.
PWAs
Aprende a construir una Aplicación Web Progresiva (PWA) utilizando Next.js.
Redirecciones
Aprende las diferentes formas de manejar redirecciones en Next.js.
Sass
Aplica estilos a tu aplicación Next.js utilizando Sass.
Scripts
Optimiza scripts de terceros con el componente Script integrado.
Autoalojamiento
Aprende a autoalojar tu aplicación Next.js en un servidor Node.js, imagen Docker o archivos HTML estáticos (exportaciones estáticas).
SPAs
Next.js ofrece soporte completo para construir Aplicaciones de Una Sola Página (SPAs).
Exportaciones estáticas
Next.js permite comenzar como un sitio estático o una Aplicación de Página Única (SPA), y luego actualizar opcionalmente para usar funciones que requieran un servidor.
Tailwind CSS
Aprende a estilizar tu aplicación Next.js utilizando Tailwind CSS.
Bibliotecas de Terceros
Optimiza el rendimiento de bibliotecas de terceros en tu aplicación con el paquete `@next/third-parties`.
Videos
Recomendaciones y mejores prácticas para optimizar videos en tu aplicación Next.js.
Migración
Aprenda cómo migrar desde frameworks populares a Next.js
Pruebas
Aprenda a configurar Next.js con cuatro herramientas de pruebas comúnmente utilizadas - Cypress, Playwright, Vitest y Jest.
Actualización
Aprenda cómo actualizar a las versiones más recientes de Next.js siguiendo las guías específicas por versión.