Интернационализация (i18n) — та ещё головная боль. Мы создаём библиотеку gt-next для Next.js, чтобы сделать это проще. Сегодня мы запускаем её в открытой бете.

npm i gt-next

С gt-next переводить 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>
  )
}

Это значит:

• Никаких мучительных переделок базы кода
• Не нужно ждать перевода по несколько дней
• Переводы доступны прямо в вашей среде разработки

Просто добавьте несколько переменных окружения, запустите npx gt translate — и готово.

Цель gt-next — сделать так, чтобы переводы не воспринимались как дефицитный ресурс. Веб должен быть многоязычным по умолчанию. И многоязычные сайты должны работать на 50 языках, а не на 5.

• Поставьте ⭐ gt-next on GitHub
• Получите API-ключ 🔐 на нашей платформе
• Прочитайте документацию 📄

Что можно делать в gt-next

Форматируйте переменные и формы множественного числа

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

Используйте API-ключ разработчика, чтобы просматривать переводы локально

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

Поддержка более 100 языков из коробки и перевод on-demand.

Редактируйте переводы в интерактивном JSX-редакторе.