戻る

gt-next をリリース

Archie McKenzie avatarArchie McKenzie
guideinternationalizationnextjsgt-next

国際化 (i18n) は本当に面倒です。そこで、その手間を減らすために Next.js ライブラリの gt-next を開発しました。 本日、オープンベータとして公開します。

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 の目標は、翻訳を潤沢に使えるものとして捉える発想を広めることです。Web は標準で多言語対応であるべきです。そして多言語サイトは、5 言語ではなく 50 言語で動くべきです。

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翻訳にも対応。

landing

インタラクティブなJSX翻訳エディタで、翻訳を編集できます。

editor