Installa e inizializza Altified

Esegui un file di inizializzazione dalla directory principale del tuo progetto Next.js per configurare la traduzione automatica lato server e il routing in base alla lingua.

Altified supporta Next.js 15 o versioni successive con React 18 o versioni successive. L'applicazione deve utilizzare App Router. Installa il pacchetto utilizzando lo stesso gestore di pacchetti che il tuo progetto già usa.

pmpm

pnpm aggiungi @altified/successivo pnpm exec altified init

npm

npm install @altified/next npx altified init

L'inizializzatore rileva JavaScript o TypeScript e se il progetto utilizza un src/ directory.

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.

L'inizializzatore non aggiunge un'interfaccia utente visibile né modifica il layout principale. È possibile posizionare il selettore della lingua esattamente nell'intestazione, nella barra di navigazione o in qualsiasi altro componente in cui debba trovarsi.

Leggi l'output del comando. Una riga contrassegnata come "Kept" indica che un file o un valore esistente è stato conservato. Un avviso indica che l'inizializzatore non è riuscito a riconoscere in modo sicuro una configurazione personalizzata; seguire l'esempio manuale nel passaggio successivo.

Quando non viene rilevata una nuova copia

Next.js registra le fonti di traduzione automatica durante la compilazione dell'applicazione. Se la copia appena aggiunta non appare, rimuovere il file generato. .next directory e riavviare o ricompilare l'applicazione.

Sviluppo

rm -rf .next pnpm dev

Produzione

rm -rf .next pnpm build pnpm start

Visita la pagina contenente la nuova copia nella lingua predefinita e in ciascuna lingua di destinazione configurata. Non è necessario eseguire pnpm install O pnpm exec altified init Ancora.