Volver

Presentamos gt-next

Archie McKenzie avatarArchie McKenzie
guíainternacionalizaciónnextjsgt-next

La internacionalización (i18n) es un dolor de cabeza. Por eso estamos desarrollando gt-next, una biblioteca para Next.js que la hace mucho más sencilla. Hoy la lanzamos en beta abierta.

npm i gt-next

Con gt-next, traducir tu contenido JSX se ve así:

import { T } from 'gt-next'

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

Eso significa:

  • Sin tener que rehacer la base de código
  • Sin esperar días por las traducciones
  • Traducciones entregadas directamente en tu entorno de desarrollo

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

El objetivo de 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.

Qué puedes hacer con gt-next

Dar formato a variables y formas plurales

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 una API key de desarrollador para ver las traducciones en local

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

Compatibilidad con más de 100 idiomas lista para usar, con traducción on-demand.

landing

Edita tus traducciones con un editor interactivo de traducción JSX.

editor