# gt-react: General Translation React SDK: Развертывание в production
URL: https://generaltranslation.com/ru/docs/react/tutorials/quickdeploy.mdx
---
title: Развертывание в production
description: Развернем ваше React-приложение с GT
---

{/* СГЕНЕРИРОВАНО АВТОМАТИЧЕСКИ: Не редактируйте напрямую. Вместо этого измените шаблон в content/docs-templates/. */}


## Обзор

Это короткое руководство поможет вам развернуть React-приложение с GT.

Весь процесс займет менее 5 минут.

Для этого нужно выполнить 3 шага:

<Steps>
  <Step>
    Добавьте production API-ключи.
  </Step>

  <Step>
    Выполните команду `gt configure`, чтобы настроить проект.
  </Step>

  <Step>
    Добавьте команду `translate` в скрипт сборки.
  </Step>
</Steps>

## Предварительные требования

Предполагается, что вы уже настроили своё React-приложение с GT.
Если ещё нет, сначала настройте проект, следуя [краткому руководству](/docs/react).

## Шаг 1: Добавьте production API-ключи 🔑

Чтобы развернуть приложение в production, вам понадобится production API-ключ.

На [панели управления](https://generaltranslation.com/dashboard) перейдите в раздел **API Keys** на боковой панели.
Нажмите **Create API Key** и добавьте ключ в production-окружение.

```bash copy
GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"
```

<Callout type="warn">
  **Защитите свои API-ключи!**

  Production-ключи следует использовать **только** в production.
  Аналогично, ключи development следует использовать **только** в development.
  *Никогда не коммитьте API-ключи в публичный репозиторий!*
</Callout>


## Шаг 2: Запустите команду `gt configure` 🔧

<Callout>
  Если вы уже запускали мастер настройки, этот шаг можно пропустить.
  Мастер настройки уже выполнил команду `gt configure` за вас.
</Callout>

Запустите команду `gt configure`, чтобы настроить проект.

```bash copy
npx gt configure
```

<Callout>
  Если вы не хотите размещать переводы в GT CDN, при соответствующем запросе выберите &quot;No&quot;.
  Вам также нужно будет настроить функцию [`loadTranslations`](/docs/react/api/config/load-translations).
</Callout>


## Шаг 3: Добавьте команду translate в скрипт сборки 🏗️

Последний шаг — добавить [команду translate](/docs/cli/translate) в скрипт сборки.
Убедитесь, что команда translate указана перед командой сборки.

```json title="package.json" copy
{
  "scripts": {
    "build": "npx gt translate && <...YOUR_BUILD_COMMAND...>"
  }
}
```

Вот и всё! Теперь, когда вы разворачиваете приложение в production и запускаете `npm run build`,
ваш проект будет автоматически переведён и развёрнут вместе с приложением.

***


## Что дальше

* См. [документацию по CLI](/docs/cli), чтобы подробнее узнать об инструменте CLI.
* О различных параметрах настройки инструмента CLI читайте [здесь](/docs/cli/configure).
* О различиях между окружениями production и development читайте [здесь](/docs/react/concepts/environments).