Altified installieren und initialisieren

Führen Sie einen Initialisierer im Stammverzeichnis Ihres Next.js-Projekts aus, um die automatische Serverübersetzung und das Locale-Routing zu konfigurieren.

Altified unterstützt Next.js 15 oder neuer mit React 18 oder neuer. Die Anwendung muss den App Router verwenden. Installieren Sie das Paket mit demselben Paketmanager, den Ihr Projekt bereits verwendet.

pnpm

pnpm add @altified/next pnpm exec altified init

npm

npm install @altified/next npx altified init

Der Initialisierer erkennt JavaScript oder TypeScript und ob das Projekt ein solches verwendet. src/ Verzeichnis.

Adds missing server-only settings to .env.local.
Creates the server client in lib/altified.
Creates proxy.js or proxy.ts for locale routing.
Wraps the existing Next config with withAltified for automatic JSX translation.

Der Initialisierer fügt keine sichtbare Benutzeroberfläche hinzu und verändert auch nicht das Root-Layout. Sie platzieren den Sprachumschalter selbst an der exakten Stelle in der Kopfzeile, der Navigation oder einer anderen Komponente, an der er hingehört.

Lesen Sie die Ausgabe des Befehls. Eine Zeile mit dem Hinweis „Beibehalten“ bedeutet, dass eine vorhandene Datei oder ein vorhandener Wert beibehalten wurde. Eine Warnung bedeutet, dass der Initialisierer eine benutzerdefinierte Konfiguration nicht sicher erkennen konnte; folgen Sie dem manuellen Beispiel im nächsten Schritt.

Wenn keine neue Kopie gefunden wird

Next.js speichert automatisch Übersetzungsquellen während der Kompilierung der Anwendung. Falls neu hinzugefügte Kopien nicht angezeigt werden, entfernen Sie die generierten Dateien. .next Verzeichnis und starten Sie die Anwendung neu oder erstellen Sie sie neu.

Entwicklung

rm -rf .next pnpm dev

Produktion

rm -rf .next pnpm build pnpm start

Rufen Sie die Seite mit der neuen Kopie in der Standardsprache und in jeder konfigurierten Zielsprache auf. Sie müssen nichts ausführen. pnpm install oder pnpm exec altified init wieder.