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

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


## 概要

この短いチュートリアルでは、GT を使って Next.js アプリをデプロイする方法を説明します。

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

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

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

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

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

## 前提条件

ここでは、GT を使って Next.js アプリのセットアップがすでに完了していることを前提とします。
まだセットアップしていない場合は、先に [クイックスタートガイド](/docs/next) に従ってプロジェクトをセットアップしてください。

## ステップ 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/next/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/next/concepts/environments)をご覧ください。