Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.
# Amplify Sie die Unterstützung für Next.js
Amplify unterstützt die Bereitstellung und das Hosting von serverseitig gerenderten (SSR) Web-Apps, die mit erstellt wurden. Next.js Next.js ist ein React-Framework für die Entwicklung von SPAs mit. JavaScript Sie können Apps bereitstellen, die mit Next.js Versionen bis zu Next.js 15 erstellt wurden und Funktionen wie Bildoptimierung und Middleware bieten.
Entwickler können Next.js damit statische Seitengenerierung (SSG) und SSR in einem einzigen Projekt kombinieren. SSG-Seiten werden zum Zeitpunkt der Erstellung vorgerendert, und SSR-Seiten werden zum Zeitpunkt der Anfrage vorgerendert.
Durch das Prerendern können die Leistung und die Suchmaschinenoptimierung verbessert werden. Da alle Seiten auf dem Server Next.js vorgerendert werden, ist der HTML-Inhalt jeder Seite fertig, wenn er den Browser des Clients erreicht. Dieser Inhalt kann auch schneller geladen werden. Schnellere Ladezeiten verbessern die Erfahrung des Endbenutzers mit einer Website und wirken sich positiv auf das SEO-Ranking der Website aus. Das Prerendering verbessert auch die Suchmaschinenoptimierung, indem es Suchmaschinen-Bots ermöglicht, den HTML-Inhalt einer Website einfach zu finden und zu crawlen.
Next.js bietet integrierte Analyseunterstützung für die Messung verschiedener Leistungskennzahlen wie Time to First Byte (TTFB) und First Contentful Paint (FCP). Weitere Informationen zu Next.js finden Sie unter [Erste Schritte auf der Website](https://nextjs.org/docs/getting-started). Next.js
## Next.js Unterstützung von Funktionen
Amplify Hosting Compute verwaltet das serverseitige Rendering (SSR) für Apps, die mit den Next.js Versionen 12 bis 15 erstellt wurden, vollständig.
Wenn Sie vor der Veröffentlichung von Amplify Hosting Compute im November 2022 eine Next.js App für Amplify bereitgestellt haben, verwendet Ihre App den vorherigen SSR-Anbieter von Amplify, Classic (Next.js nur 11). Amplify Hosting Compute unterstützt keine Apps, die mit Next.js Version 11 oder früher erstellt wurden. Wir empfehlen dringend, dass Sie Ihre Next.js 11 Apps zum Compute Managed SSR-Anbieter von Amplify Hosting migrieren.
In der folgenden Liste werden die spezifischen Funktionen beschrieben, die der Amplify Hosting-Compute-SSR-Anbieter unterstützt.
**Unterstützte Features**
+ Server-side gerenderte Seiten (SSR)
+ Statische Seiten
+ API-Routen
+ Dynamische Routen
+ Erfasse alle Routen
+ SSG (Statische Generierung)
+ Inkrementelle statische Regeneration (ISR)
+ Internationalisiertes (i18n) Unterpfad-Routing
+ Internationalisiertes (i18n) Domain-Routing
+ Internationalisierte (i18n) automatische Erkennung von Gebietsschemas
+ Middleware
+ Umgebungsvariablen
+ Bildoptimierung
+ Next.js 13 App-Verzeichnis
**Nicht unterstützte Funktionen**
+ Edge-API-Routen (*Edge-Middleware wird nicht unterstützt*)
+ *On-Demand*Inkrementelle statische Regeneration (ISR)
+ Next.js streamen
+ Middleware auf statischen Assets und optimierten Bildern ausführen
+ Ausführen von Code nach einer Antwort mit `unstable_after` (Experimentelle Funktion veröffentlicht mit Next.js 15)
### Next.js Bilder
Die maximale Ausgabegröße eines Bildes darf 4,3 MB nicht überschreiten. Sie können eine größere Bilddatei irgendwo speichern und mit der Next.js Image-Komponente ihre Größe ändern und sie für ein Webp- oder AVIF-Format optimieren und sie dann in einer kleineren Größe bereitstellen.
Beachten Sie, dass in der Next.js Dokumentation empfohlen wird, das Sharp-Bildverarbeitungsmodul zu installieren, damit die Bildoptimierung in der Produktion ordnungsgemäß funktioniert. Dies ist jedoch für Amplify-Bereitstellungen nicht erforderlich. Amplify stellt Sharp automatisch für Sie bereit.