gt-react, gt-next

Traduci automaticamente il tuo progetto gt-next o gt-react

Panoramica

Questo tutorial ti mostrerà come gestire automaticamente i file di traduzione del tuo progetto quando usi gt-next o gt-react.

Nota: Questo va utilizzato solo quando stai distribuendo una build di produzione. Se usi gt-next o gt-react in sviluppo, questo comando non è necessario.

Segui questi 4 passaggi:

Aggiungi le variabili d'ambiente

Configura il progetto con il comando npx gtx-cli configure


Passaggio 1: Aggiungi le variabili d’ambiente

Aggiungi la chiave API di produzione e l’ID del progetto alle variabili d’ambiente. Questo è necessario per usare lo strumento gtx-cli. Puoi ottenerli dalla dashboard di General Translation.

.env
GT_API_KEY=<your-api-key>
GT_PROJECT_ID=<your-project-id>

Passaggio 2: Configura il tuo progetto con il comando npx gtx-cli configure

Esegui il comando npx gtx-cli configure per configurare il tuo progetto.

npx gtx-cli configure

Passaggio 3: aggiungi il comando gtx-cli translate al processo di build

Aggiungi il comando gtx-cli translate al processo di build o di CI, prima del comando di build, per aggiungere automaticamente le traduzioni al progetto.

package.json
{
  "scripts": {
    "translate": "npx gtx-cli translate",
    "build": "npm run translate && <il tuo comando di build>"
  }
}

Questo genererà le traduzioni per tutte le tue lingue/località e le salverà nel progetto. Se vuoi aggiungere questi file al tuo repository, puoi invece eseguire questo comando prima di fare il commit.

Tutto fatto! Ora il progetto aggiornerà automaticamente tutti i file JSON di traduzione ogni volta che subirà modifiche.


Note

  • Puoi aggiungere automaticamente le traduzioni al tuo progetto con il comando gtx-cli translate.
  • Se vuoi includere i file di traduzione nel commit, esegui il comando gtx-cli translate prima di effettuare il commit.
  • Per configurare il percorso di output delle traduzioni, consulta la documentazione sulla configurazione.

Prossimi passi

Come valuti questa guida?

gt-react, gt-next