L’internationalisation (i18n), c’est galère. Nous développons une bibliothèque Next.js, gt-next, pour la rendre plus simple. Aujourd’hui, nous la lançons en bêta ouverte.

npm i gt-next

Avec gt-next, la traduction de votre contenu JSX se fait ainsi :

import { T } from 'gt-next'

export default function Page() {
  return (
    <T id="my_id">
      <p>C'est tout ! Encapsulez votre JSX et il sera traduit !</p>
    </T>
  )
}

Cela signifie :

• Pas de réécriture pénible de votre base de code
• Pas d’attente de plusieurs jours pour les traductions
• Des traductions livrées directement dans votre environnement de développement

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

L’objectif de gt-next est de créer un véritable état d’esprit d’abondance autour des traductions. Le web devrait être multilingue par défaut. Et les sites multilingues devraient fonctionner dans 50 langues, pas seulement 5.

• Ajoutez un ⭐ à gt-next sur GitHub
• Obtenez une clé d’API 🔐 sur notre plateforme
• Lisez la documentation 📄

Ce que vous pouvez faire avec gt-next

Formater 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}
        singular={
          <>
            J'ai <Num /> livre
          </>
        }
      >
        J'ai <Num /> livres
      </Plural>
    </T>
  )
}

Utiliser une clé d’API développeur pour prévisualiser les traductions en local

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

Prenez en charge plus de 100 langues dès le départ, avec traduction à la demande.

Modifiez vos traductions avec un éditeur JSX interactif.