Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.
Amplify el soporte para Next.js
Amplify admite la implementación y el alojamiento de aplicaciones web renderizadas en el lado del servidor (SSR) creadas con. Next.js Next.js es un marco de React para desarrollar SPA con. JavaScript Puede implementar aplicaciones creadas con Next.js versiones anteriores a la Next.js 15, con funciones como la optimización de imágenes y el middleware.
Los desarrolladores pueden utilizarlas Next.js para combinar la generación de sitios estáticos (SSG) y la SSR en un solo proyecto. Las páginas SSG se renderizan previamente en el momento de la compilación y las páginas SSR se renderizan previamente en el momento de la solicitud.
La renderización previa puede mejorar el rendimiento y la optimización de los motores de búsqueda. Como Next.js renderiza previamente todas las páginas del servidor, el contenido HTML de cada página está listo cuando llega al navegador del cliente. Este contenido también se puede cargar más rápido. Los tiempos de carga más rápidos mejoran la experiencia del usuario final con un sitio web y tienen un impacto positivo en la clasificación SEO del sitio. La renderización previa también mejora el SEO al permitir que los bots de los motores de búsqueda encuentren y rastreen fácilmente el contenido HTML de un sitio web.
Next.js proporciona un soporte analítico integrado para medir diversas métricas de rendimiento, como el tiempo hasta el primer byte (TTFB) y el primer contenido de pintura (FCP). Para obtener más información Next.js, consulte Primeros pasos
Next.js soporte de funciones
Amplify Hosting Compute administra completamente la renderización del lado del servidor (SSR) para las aplicaciones creadas con Next.js las versiones 12 a 15.
Si implementaste una Next.js aplicación en Amplify antes del lanzamiento de Amplify Hosting Compute en noviembre de 2022, tu aplicación utiliza el proveedor de SSR anterior de Amplify, Classic (solo 11). Next.js Amplify Hosting compute no admite aplicaciones creadas con la Next.js versión 11 o anterior. Le recomendamos encarecidamente que migre sus Next.js 11 aplicaciones al proveedor de SSR gestionado por cómputo Amplify Hosting.
La siguiente lista describe las características específicas que admite el proveedor SSR de procesamiento de Amplify Hosting.
Características admitidas
-
Server-side páginas renderizadas (SSR)
-
Páginas estáticas
-
Rutas de la API
-
Rutas dinámicas
-
Captura de todas las rutas
-
SSG (generación estática)
-
Regeneración estática incremental (ISR)
-
Enrutamiento de subrutas internacionalizado (i18n)
-
Enrutamiento de dominio internacionalizado (i18n)
-
Detección automática de configuración regional internacionalizada (i18n)
-
Middleware
-
Variables de entorno
-
Optimización de imágenes
-
Next.js 13 directorio de aplicaciones
Características no admitidas
-
Rutas de la API de Edge (no se admite el middleware de Edge)
-
On-DemandRegeneración estática incremental (ISR)
-
Next.js transmisión
-
Ejecución de middleware en activos estáticos e imágenes optimizadas
-
Ejecutar código después de una respuesta con
unstable_after(función experimental lanzada con Next.js 15)
Next.js imágenes
El tamaño máximo de salida de una imagen no puede superar los 4,3 MB. Puede guardar un archivo de imagen más grande en algún lugar y utilizar el componente Next.js Imagen para cambiar su tamaño y optimizarlo a un formato Webp o AVIF y, a continuación, servirlo en un tamaño más pequeño.
Tenga en cuenta que en la Next.js documentación se recomienda instalar el módulo de procesamiento de imágenes de Sharp para que la optimización de la imagen funcione correctamente en la producción. Sin embargo, esto no es necesario para las implementaciones de Amplify. Amplify implementa Sharp automáticamente en su lugar.
