Retour

Lancement de gt-next

Archie McKenzie avatarArchie McKenzie
guideinternationalisationnextjsgt-next

L'internationalisation (i18n), c'est un casse-tête. Nous développons une bibliothèque Next.js, gt-next, pour vous simplifier la tâche. Aujourd'hui, nous la lançons en bêta publique.

npm i gt-next

Avec gt-next, voici à quoi ressemble la traduction de votre contenu JSX :

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>
  )
}

Cela signifie :

  • Aucune réécriture laborieuse de la base de code
  • Plus besoin d’attendre des jours pour obtenir les traductions
  • Des traductions livrées directement dans votre environnement de développement

Ajoutez simplement quelques variables d’environnement, exécutez npx gt translate, et c'est tout.

L’objectif de gt-next est d’instaurer un état d’esprit d’abondance autour de la traduction. Le Web devrait être multilingue par défaut. Et les sites multilingues devraient fonctionner dans 50 langues, pas seulement 5.

Ce que vous pouvez faire avec gt-next

Mettre en forme les variables et les pluriels

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>
  )
}

Utilisez une clé API de développeur pour afficher les traductions localement

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

Prenez en charge plus de 100 langues immédiatement, avec la traduction on-demand.

landing

Modifiez vos traductions avec un éditeur interactif de traduction JSX.

editor