あらゆる言語に対応。

React と Next.js 向けのAI搭載i18n。キーファイルは不要。手動翻訳も不要。

はじめる GitHubで見る

i18nに必要なすべて

抽出からデプロイまで、Tyndaleが翻訳ワークフロー全体を担います。

キーファイル不要のワークフロー

キーファイルを管理せずに、JSXと文字列を翻訳できます。

Welcome.tsx

import { T, useTranslation } from 'tyndale-react';

export function Welcome() {
  const t = useTranslation();
  return (
    <div>
      <T>Welcome to our app!</T>
      <p>{t('You have 3 new messages')}</p>
    </div>
  );
}

AI搭載

独自のAIプロバイダーを使って高品質な翻訳を実現します。

差分翻訳

前回の実行から変更された箇所だけを翻訳します。

unchanged line

- old translation

+ new translation

リッチコンテンツ

変数、複数形、数値、通貨、日付に対応。

{count, plural, one{# item} other{# items}}

Next.jsファーストクラス対応

Middleware、プロバイダー、RTL、静的生成。

Middleware
Server Components
Static Generation

CIフレンドリー

tyndale validate はファイルを書き込まずに翻訳をチェックします。

$ npx tyndale validate

es.json 42/42 keys

fr.json 42/42 keys

All translations valid

グローバル展開まで3ステップ

コンポーネントを作成。CLIを実行。翻訳してリリース。

1 コンポーネントを作成

import { T } from 'tyndale-react';

<T>Welcome!</T>

2 CLIを実行

$ npx tyndale translate
  Translating to es, fr, de...
  Done.

3 結果を見る

// es.json
{
  "Welcome!":
    "Bienvenido!"
}

グローバル展開の準備はできていますか？

今すぐReactアプリの翻訳を始めましょう。オープンソースで、ずっと無料です。

はじめる GitHubでスターを付ける