Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.
Amplify le support pour Next.js
Amplify prend en charge le déploiement et l'hébergement des applications Web rendues côté serveur (SSR) créées à l'aide de. Next.js Next.js est un framework React pour développer des SPA avec JavaScript. Vous pouvez déployer des applications créées avec des Next.js versions allant jusqu'à Next.js 15, avec des fonctionnalités telles que l'optimisation des images et le middleware.
Les développeurs peuvent Next.js combiner la génération de sites statiques (SSG) et le SSR dans un seul projet. Les pages SSG sont prérendues au moment de la création, et les pages SSR sont prérendues au moment de la demande.
Le prérendu peut améliorer les performances et l'optimisation des moteurs de recherche. Comme toutes Next.js les pages du serveur sont préaffichées, le contenu HTML de chaque page est prêt lorsqu'il atteint le navigateur du client. Ce contenu peut également être chargé plus rapidement. Des temps de chargement plus rapides améliorent l'expérience de l'utilisateur final avec un site Web et ont un impact positif sur le classement SEO du site. Le pré-rendu améliore également le référencement en permettant aux robots des moteurs de recherche de trouver et d'explorer facilement le contenu HTML d'un site Web.
Next.js fournit un support analytique intégré pour mesurer divers indicateurs de performance, tels que le délai jusqu'au premier octet (TTFB) et le premier contenu de peinture (FCP). Pour plus d'informations Next.js, consultez la section Mise en route
Next.js support des fonctionnalités
Amplify Hosting Compute gère entièrement le rendu côté serveur (SSR) pour les applications créées avec Next.js les versions 12 à 15.
Si vous avez déployé une Next.js application sur Amplify avant la sortie d'Amplify Hosting Compute en novembre 2022, votre application utilise l'ancien fournisseur SSR d'Amplify, Classic (11 uniquement). Next.js Amplify Hosting Compute ne prend pas en charge les applications créées à l'aide de Next.js la version 11 ou antérieure. Nous vous recommandons vivement de migrer vos Next.js 11 applications vers le fournisseur SSR géré par le calcul Amplify Hosting.
La liste suivante décrit les fonctionnalités spécifiques prises en charge par le fournisseur de SSR de calcul Amplify Hosting.
Fonctionnalités prises en charge
-
Server-side pages rendues (SSR)
-
Pages statiques
-
Routes d'API
-
Routes dynamiques
-
Suivez tous les itinéraires
-
SSG (génération statique)
-
Régénération statique incrémentielle (ISR)
-
Routage de sous-chemins internationalisé (i18n)
-
Routage de domaine internationalisé (i18n)
-
Détection automatique des paramètres régionaux internationalisée (i18n)
-
Intergiciel
-
Variables d’environnement
-
Optimisation de l'image
-
Next.js 13 répertoire d'applications
Fonctions non prises en charge
-
Routes d'API Edge (le middleware Edge n'est pas pris en charge)
-
On-DemandRégénération statique incrémentielle (ISR)
-
Next.js diffusion
-
Exécution d'un intergiciel sur des actifs statiques et des images optimisées
-
Exécution de code après une réponse avec
unstable_after(fonctionnalité expérimentale publiée avec Next.js 15)
Next.js images
La taille de sortie maximale d'une image ne doit pas dépasser 4,3 Mo. Vous pouvez stocker un fichier image plus volumineux quelque part et utiliser le composant Next.js Image pour le redimensionner et l'optimiser au format Webp ou AVIF, puis l'utiliser dans une taille plus petite.
Notez que la Next.js documentation vous conseille d'installer le module de traitement d'image Sharp pour permettre à l'optimisation des images de fonctionner correctement en production. Toutefois, cela n'est pas nécessaire pour les déploiements d'Amplify. Amplify déploie automatiquement Sharp pour vous.
