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

title: TanStack Start
description: Ознакомьтесь с настройкой General Translation для TanStack Start, маршрутизацией по локалям и изоморфными API времени выполнения.

---

`gt-tanstack-start` добавляет General Translation в приложения TanStack Start. Он повторно экспортирует общие компоненты, hooks и функции из `gt-react`, добавляет изоморфные вспомогательные функции времени выполнения, а также предоставляет middleware запросов через свою основную точку входа.

Если вы только начинаете, сначала пройдите [Quickstart для TanStack Start](/docs/react/tanstack-start-quickstart). Общие [руководства](/docs/react/guides/configuring) и [справочник](/docs/react/reference/config) описывают всё, что работает одинаково во всех фреймворках; эта страница посвящена только настройке TanStack Start.

<Callout type="warn">
  **Предупреждение:** `gt-tanstack-start` — экспериментальный пакет, в нём возможны ломающие изменения. Пока он не рекомендуется для использования в production.
</Callout>

## Что специфично для TanStack Start [#overview]

* **Middleware запросов.** Зарегистрируйте [`gtMiddleware`](/docs/react/tanstack-start/reference/functions/gt-middleware) из `gt-tanstack-start`, чтобы создать локальное для запроса состояние для серверных функций.
* **Настройка Router и корневого маршрута.** Вызывайте [`initializeGT`](/docs/react/reference/config#initialize) в области модуля в `src/router.tsx`, определяйте локаль с помощью [`getLocale`](/docs/react/tanstack-start/reference/functions/get-locale), загружайте снимок переводов в loader корневого маршрута и передавайте оба значения в [`<GTProvider>`](/docs/react/reference/components/gt-provider). См. [Настройка](/docs/react/tanstack-start/setup).
* **Маршрутизация по локалям.** Настройте TanStack Router так, чтобы он поддерживал URL как без префикса, так и с префиксом локали, используя либо необязательные сегменты маршрута `/{-$locale}`, либо перезапись URL. Затем установите `localeRouting` в `true`, чтобы локали, отличные от локали по умолчанию, сохранялись в pathname, а локаль по умолчанию оставалась без префикса. См. [Настройка](/docs/react/tanstack-start/setup#locale-routing).
* **Изоморфные функции времени выполнения.** Считывайте состояние времени выполнения и переводите с помощью [`getLocale`](/docs/react/tanstack-start/reference/functions/get-locale), [`getEnableI18n`](/docs/react/tanstack-start/reference/functions/get-enable-i18n), [`getGT`](/docs/react/tanstack-start/reference/functions/get-gt), [`getMessages`](/docs/react/tanstack-start/reference/functions/get-messages) и [`getTranslations`](/docs/react/tanstack-start/reference/functions/get-translations). На сервере вызывайте их в области запроса [`gtMiddleware`](/docs/react/tanstack-start/reference/functions/gt-middleware).

## Страницы [#pages]

| Страница                                                                             | Описание                                                                                                                                |
| ------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------- |
| [Настройка](/docs/react/tanstack-start/setup)                                        | Зарегистрируйте middleware запросов, инициализируйте General Translation и выполните гидратацию провайдера. |
| [Использование серверных функций](/docs/react/tanstack-start/using-server-functions) | Переводите строки и считывайте состояние запроса в серверных функциях TanStack Start.                                                   |
| [Справочник](/docs/react/tanstack-start/reference/functions/gt-middleware)           | Ознакомьтесь с Runtime API `gt-tanstack-start`.                                                                                         |