# gt-react: General Translation React SDK: 本番環境へのデプロイ
URL: https://generaltranslation.com/ja/docs/react/tutorials/quickdeploy.mdx
---
title: 本番環境へのデプロイ
description: GT を使って React アプリをデプロイしましょう
---

{/* 自動生成: 直接編集せず、代わりに content/docs-templates/ 内のテンプレートを編集してください。 */}


## 概要

この коротいチュートリアルでは、GT を使って React アプリをデプロイする方法を説明します。

完了まで 5 分もかかりません。

次の 3 つの手順で進めます。

<Steps>
  <Step>
    本番用の API キーを追加します。
  </Step>

  <Step>
    `gt configure` コマンドを実行して、プロジェクトを設定します。
  </Step>

  <Step>
    ビルドスクリプトに translate コマンドを追加します。
  </Step>
</Steps>

## 前提条件

ここでは、React アプリへの GT の設定がすでに完了していることを前提とします。
まだ設定していない場合は、まず [クイックスタートガイド](/docs/react) に沿ってプロジェクトをセットアップしてください。

## ステップ 1: 本番用の API キーを追加する 🔑

アプリを本番環境にデプロイするには、本番用の API キーを使用する必要があります。

[ダッシュボード](https://generaltranslation.com/dashboard) で、サイドバーの **API Keys** に移動します。
**Create API Key** をクリックし、作成したキーを本番環境に追加します。

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

<Callout type="warn">
  **API キーを厳重に管理してください！**

  本番用キーは**本番環境でのみ**使用してください。
  同様に、開発用キーも**開発環境でのみ**使用してください。
  *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 コマンドは build コマンドより前に配置してください。

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

以上です！これで、アプリを本番環境にデプロイして `npm run build` を実行すると、
プロジェクトが自動的に翻訳され、アプリと一緒にデプロイされます。

***


## 次のステップ

* CLI ツールについて詳しくは、[CLI ドキュメント](/docs/cli)を参照してください。
* CLI ツールの各種設定オプションについては、[こちら](/docs/cli/configure)を参照してください。
* 本番環境と開発環境の違いについては、[こちら](/docs/react/concepts/environments)を参照してください。