Atrás

Lanzamiento de gt-next

Archie McKenzie avatarArchie McKenzie
guideinternationalizationnextjsgt-next

La internacionalización (i18n) es un dolor. Estamos creando una librería para Next.js, gt-next, para que sea más fácil. Hoy la lanzamos en beta abierta.

npm i gt-next

Con gt-next, traducir tu contenido JSX es así de sencillo:

import { T } from 'gt-next'

export default function Page() {
  return (
    <T id="my_id">
      <p>¡Eso es todo! Envuelve tu JSX y se traducirá automáticamente!</p>
    </T>
  )
}

Eso significa:

  • Nada de reescrituras dolorosas del código
  • Nada de esperar días para obtener traducciones
  • Traducciones entregadas directamente en tu entorno de desarrollo

Solo agrega algunas variables de entorno, ejecuta npx translate y listo.

El objetivo con gt-next es fomentar una mentalidad de abundancia en torno a las traducciones. La web debería ser multilingüe por defecto. Y los sitios multilingües deberían funcionar en 50 idiomas, no en 5.

Lo que puedes hacer con gt-next

Formato de variables y plurales

import { T } from 'gt-next'

export default function Page() {
  const count = 2

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

Usa una clave de API de desarrollador para ver las traducciones localmente

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

Compatible con más de 100 idiomas desde el primer momento, con traducción bajo demanda.

landing

Edita tus traducciones con un editor interactivo de JSX.

editor