Amplify Sie die Unterstützung für Next.js - AWS Amplify Hosten

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 für serverseitig gerenderte (SSR) Web-Apps, die mit Next.js erstellt wurden. Next.js ist ein React-Framework für die Entwicklung SPAs mit. JavaScript Sie können Apps bereitstellen, die mit den Versionen Next.js bis Next.js 15 erstellt wurden und Funktionen wie Bildoptimierung und Middleware bieten.

Entwickler können Next.js verwenden, um die Generierung statischer Websites (SSG) SSR in einem einzigen Projekt zu kombinieren. SSGSeiten werden bei der Erstellung vorgerendert, und SSR Seiten werden bei Anforderung vorgerendert.

Durch das Prerendern können die Leistung und die Suchmaschinenoptimierung verbessert werden. Da Next.js alle Seiten auf dem Server vorrendert, ist der HTML Inhalt jeder Seite bereit, sobald 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 sich auch SEO dadurch, dass Suchmaschinen-Bots den Inhalt einer Website leicht finden und crawlen können. HTML

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 Next.js.

Unterstützung für die Funktion Next.js

Amplify Hosting Compute verwaltet das serverseitige Rendern (SSR) für Apps, die mit den Versionen 12 bis 15 von Next.js 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 (nur Next.js 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 Amplify Hosting Compute Managed SSR Provider migrieren.

In der folgenden Liste werden die spezifischen Funktionen beschrieben, die der Amplify SSR Hosting-Rechenanbieter unterstützt.

Unterstützte Features
  • Serverseitig gerenderte Seiten () SSR

  • Statische Seiten

  • APIRouten

  • Dynamische Routen

  • Erfasse alle Routen

  • SSG(Statische Generierung)

  • Inkrementelle statische Regenerierung () 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
  • APIEdge-Routen (Edge-Middleware wird nicht unterstützt)

  • Inkrementelle statische Regenerierung auf Anfrage () 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 sie mit der Bildkomponente Next.js skalieren und für ein Webp- oder AVIF Format optimieren und sie dann in einer kleineren Größe bereitstellen.

Beachten Sie, dass in der Dokumentation zu Next.js 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.