本番環境へのデプロイ

概要

これは、Next.js アプリを GT でデプロイするための簡単なチュートリアルです。

全体で5分以内に完了するはずです。

この作業は3つのステップで行います：

本番用のAPIキーを追加します。

プロジェクトを設定するために、gtx-cli configure コマンドを実行します。

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

GTを使用してNext.jsアプリをすでにセットアップしていることを前提としています。まだセットアップしていない場合は、まずクイックスタートガイドに従ってプロジェクトをセットアップしてください。

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

ダッシュボードのサイドバーからAPI Keysに移動します。 Create API Keyをクリックし、それらを本番環境に追加してください。

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

APIキーを保護しましょう！

本番用キーは必ず本番環境でのみ使用してください。同様に、開発用キーは必ず開発環境でのみ使用してください。 APIキーを公開リポジトリにコミットしないでください！

以前にセットアップウィザードを実行している場合は、このステップをスキップできます。セットアップウィザードによって、すでに gtx-cli configure コマンドが実行されています。

gtx-cli configure コマンドを実行して、プロジェクトを設定します。

npx gtx-cli configure

翻訳をGT CDNでホストしたくない場合は、質問されたときに「No」を選択してください。また、loadTranslations() 関数の設定も必要です。

最後のステップは、translate コマンドをビルドスクリプトに追加することです。 translate コマンドが build コマンドの前に来るようにしてください。

package.json

{
  "scripts": {
    "build": "npx gtx-cli translate && <...YOUR_BUILD_COMMAND...>"
  }
}

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