Installieren Sie PRNext in einem Next.js-Projekt: Schnellstart

Beginnen Sie mit einem vorhandenen Next.js-Projekt und Node.js 22.23.4+ in der Zeile 22.x, 24.22.1+ in der Zeile 24.x oder einer unterstützten Version ab 26.12.1. Führen Sie die Befehle aus Ihrem Projektordner aus.

Behalten Sie Ihre Arbeit in einem Zweig. PRNext ist ein Alpha mit teilweiser Next.js-Kompatibilität, also überprüfen Sie Ihre Anwendung im Laufe der Zeit.

Installieren Sie PRNext

Führen Sie diesen Befehl in Ihrem Projektordner aus. Behalten Sie die aktualisierte Sperrdatei bei, damit nachfolgende Installationen denselben Abhängigkeitssatz verwenden.

Terminal
npm install @thomas.f/prnext

Migrieren Sie Ihre Skripte

Verschieben Sie Ihre Entwicklungs-, Build- und Startskripts nach PRNext und führen Sie dann die Kompatibilitätsprüfung durch. Fügen Sie --dry-run zum Migrationsbefehl hinzu, wenn Sie dessen Änderungen zuerst überprüfen möchten. Lesen Sie alle gemeldeten Inkompatibilitäten, bevor Sie fortfahren.

Terminal
npx --no-install prnext migrate .
npx --no-install prnext check .

Entwickeln Sie Ihre Anwendung

Starten Sie den Entwicklungsserver und öffnen Sie die in Ihrem Terminal aufgedruckte Adresse. Bearbeiten Sie eine Komponente, speichern Sie sie und überprüfen Sie das Ergebnis in Ihrem Browser. Testen Sie mindestens eine Routenänderung und eine Interaktion, die Sie in Ihrem Projekt verwenden.

Terminal
npx --no-install prnext dev .

Erstellen und ausführen

Erstellen Sie die Anwendung und starten Sie dann die generierte Ausgabe lokal. Überprüfen Sie vor der Bereitstellung dieselben Seiten, Formulare und API-Routen. Eine funktionierende Entwicklungssitzung reicht nicht aus, um den Produktions-Build zu validieren, insbesondere bei einer experimentellen Laufzeit.

Terminal
npx --no-install prnext build .
npx --no-install prnext start .

PRNext und Next.js: Kompatibilitäts- und Migrationsleitfaden

Ist PRNext das Richtige für Ihre Next.js-Anwendung?

Stellen Sie Next.js auf einem VPS bereit: vom Build bis HTTPS

Zurück zum Blog