Indietro

Lancio di gt-next

Archie McKenzie avatarArchie McKenzie
guideinternationalizationnextjsgt-next

L'internazionalizzazione (i18n) è un incubo. Stiamo creando una libreria per Next.js, gt-next, per renderla più semplice. Oggi la lanciamo in open beta.

npm i gt-next

Con gt-next, tradurre il contenuto JSX è così semplice:

import { T } from 'gt-next'

export default function Page() {
  return (
    <T id="my_id">
      <p>Ecco fatto! Racchiudi il tuo JSX e verrà tradotto!</p>
    </T>
  )
}

Questo significa:

  • Niente dolorosi refactor del codebase
  • Niente attese di giorni per le traduzioni
  • Traduzioni disponibili direttamente nel tuo ambiente di sviluppo

Ti basta aggiungere alcune variabili d’ambiente, eseguire npx translate e il gioco è fatto.

L'obiettivo di gt-next è creare una mentalità di abbondanza rispetto alle traduzioni. Il web dovrebbe essere multilingue per impostazione predefinita. E i siti multilingue dovrebbero funzionare in 50 lingue, non in 5.

Cosa puoi fare con gt-next

Formattazione di variabili e plurali

import { T } from 'gt-next'

export default function Page() {
  const count = 2

  return (
    <T id="my_id">
      <Plural
        n={count}
        singular={
          <>
            Ho <Num /> libro
          </>
        }
      >
        Ho <Num /> libri
      </Plural>
    </T>
  )
}

Usa una chiave API di sviluppo per visualizzare le traduzioni in locale

GT_API_KEY="gtx-dev-cae62d6fe1e33bda603c9a2926ab0fb8"
GT_PROJECT_ID="abcdef12-3456-789a-bcd4-ef123456789a"

Supporta oltre 100 lingue subito, con traduzione on‑demand.

landing

Modifica le tue traduzioni con un editor JSX interattivo.

editor