戻る

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>以上です！JSXをラップするだけで翻訳されます！</p>
    </T>
  )
}

つまり、次のことが実現できます。

  • コードベースをつらい形で書き換える必要なし
  • 翻訳を何日も待つ必要なし
  • 翻訳は開発環境の中にそのまま届く

環境変数をいくつか追加して、npx gt translate を実行すれば完了です。

gt-next の目標は、翻訳に対して潤沢さのマインドセットを生み出すことです。ウェブはデフォルトで多言語であるべきです。そして多言語サイトは 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={
          <>
            本が<Num />冊あります
          </>
        }
      >
        本が<Num />冊あります
      </Plural>
    </T>
  )
}

開発者 API キーを使ってローカル環境で翻訳を確認する

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

100以上の言語に標準対応し、オンデマンド翻訳も利用できます。

landing

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

editor