Introducción/Guías

Guías

AMP

Con una configuración mínima y sin salir de React, puede comenzar a agregar AMP y mejorar el rendimiento y velocidad de sus páginas.

Análisis

Mide y realiza un seguimiento del rendimiento de las páginas usando Next.js

Autenticación

Aprenda a implementar autenticación en Next.js, cubriendo mejores prácticas, protección de rutas, técnicas de autorización y gestión de sesiones.

Babel

Extienda el preset de babel agregado por Next.js con sus propias configuraciones.

Almacenamiento en caché en CI

Aprenda a configurar CI para almacenar en caché 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

Guía sobre el uso de bibliotecas CSS-in-JS con Next.js

Servidor Personalizado

Inicie una aplicación Next.js de forma programática utilizando un servidor personalizado.

Depuración

Aprenda a depurar su aplicación Next.js con VS Code o Chrome DevTools.

Modo Borrador

Next.js incluye un modo borrador para alternar entre páginas estáticas y dinámicas. Aprende cómo funciona con el Enrutador de Páginas.

Variables de Entorno

Aprenda a añadir y acceder a variables de entorno en su aplicación Next.js.

Formularios

Aprenda a manejar envíos de formularios y mutaciones de datos con Next.js.

ISR

Aprenda a crear o actualizar páginas estáticas en tiempo de ejecución con Regeneración Estática Incremental.

Instrumentación

Aprende a utilizar la instrumentación para ejecutar código al iniciar el servidor en tu aplicación Next.js

Internacionalización

Next.js tiene soporte integrado para enrutamiento internacionalizado y detección de idioma. Aprende más aquí.

Carga diferida

Aprenda a cargar de forma diferida bibliotecas importadas y componentes de React para mejorar el rendimiento de carga de su aplicación.

MDX

Aprenda a configurar MDX para escribir JSX en sus archivos markdown.

Multi-Zonas

Aprenda a construir micro-frontends utilizando Multi-Zonas de Next.js para desplegar múltiples aplicaciones Next.js bajo un único 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.

PostCSS

Extienda la configuración de PostCSS y los plugins agregados por Next.js con los suyos propios.

Modo de Vista Previa

Next.js incluye el modo de vista previa para páginas generadas estáticamente. Aquí puede aprender cómo funciona.

Producción

Recomendaciones para garantizar el mejor rendimiento y experiencia de usuario antes de llevar tu aplicación Next.js a producción.

Redirecciones

Aprende las diferentes formas de manejar redirecciones en Next.js.

Sass

Aprenda a utilizar Sass en su aplicación de Next.js.

Scripts

Optimiza scripts de terceros con el componente Script integrado.

Autoalojamiento

Aprende cómo autoalojar tu aplicación Next.js en un servidor Node.js, imagen Docker o archivos HTML estáticos (exportaciones estáticas).

Exportaciones estáticas

Next.js permite comenzar como un sitio estático o una Aplicación de Página Única (SPA), con la opción de actualizar posteriormente para utilizar funciones que requieran un servidor.

Tailwind CSS

Aplica estilos a 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`.

Migración

Aprenda cómo migrar desde frameworks populares a Next.js

Pruebas

Aprenda a configurar Next.js con tres 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.