Indietro

Arriva gt-next

Archie McKenzie avatarArchie McKenzie
guideinternationalizationnextjsgt-next

L'internazionalizzazione (i18n) è una seccatura. Stiamo sviluppando una libreria per Next.js, gt-next, per semplificarla. Oggi la lanciamo in beta aperta.

npm i gt-next

Con gt-next, tradurre i contenuti JSX è così:

import { T } from 'gt-next'

export default function Page() {
  return (
    <T id="my_id">
      <p>That's it! Wrap your JSX and it will be translated!</p>
    </T>
  )
}

Questo significa:

  • Nessuna riscrittura pesante della base di codice
  • Niente giorni di attesa per le traduzioni
  • Traduzioni disponibili direttamente nel tuo ambiente di sviluppo

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

L'obiettivo di gt-next è promuovere un approccio senza limiti 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

Formatta variabili e plurali

import { T } from 'gt-next'

export default function Page() {
  const count = 2

  return (
    <T id="my_id">
      <Plural
        n={count}
        one={
          <>
            I have <Num /> book
          </>
        }
      >
        I have <Num /> books
      </Plural>
    </T>
  )
}

Usa un’API key per visualizzare le traduzioni in locale

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

Supporta oltre 100 lingue fin da subito, con traduzioni on-demand.

landing

Modifica le traduzioni con un editor JSX interattivo.

editor