# General Translation React SDKs (gt-react, gt-next): TanStack Start
URL: https://generaltranslation.com/ja/docs/react/tanstack-start.mdx
---

title: TanStack Start
description: ルート route の初期化、ロケールの解決、provider の ハイドレート など、General Translation の TanStack Start 固有のセットアップについて説明します。

---

`gt-tanstack-start` を使うと、TanStack Start アプリで General Translation を利用できます。共有の `gt-react` コンポーネント、hooks、関数を再エクスポートし、サーバーとブラウザーの両方でリクエストのロケールを解決する `parseLocale` ヘルパーを追加します。フレームワーク固有の作業は、root route を接続することだけです。

使い始めたばかりなら、まず [TanStack Start Quickstart](/docs/react/tanstack-start-quickstart) を参照してください。共有の [Guides](/docs/react/guides/configuring) と [Reference](/docs/react/reference/config) では、フレームワークをまたいで共通する内容を扱っています。このページでは、TanStack Start 専用のセットアップを説明します。

*警告: `gt-tanstack-start` は実験的機能であり、破壊的変更が入る可能性があります。現時点では、Production での使用は推奨されていません。*

## TanStack Start 固有の要素 [#overview]

* **root route のセットアップ。** モジュールレベルで [`initializeGT`](/docs/node/reference/functions/initialize-gt) を呼び出し、`parseLocale` でロケールを判定し、ルート `loader` で翻訳スナップショットを読み込み、その両方を [`<GTProvider>`](/docs/react/reference/components/gt-provider) に渡します。詳しくは[セットアップ](/docs/react/tanstack-start/setup)を参照してください。
* **`parseLocale`。** サーバーではリクエストの cookie と `Accept-Language` header から、ブラウザーでは cookie からロケールを読み取るヘルパーです。`gt-tanstack-start` 固有の export はこれだけで、それ以外はすべて `gt-react` から提供されます。

## ページ [#pages]

| ページ                                        | 説明                                                           |
| ------------------------------------------ | ------------------------------------------------------------ |
| [セットアップ](/docs/react/tanstack-start/setup) | General Translation を初期化し、root route から provider をハイドレートします。 |