本番環境へのデプロイ (5分)

概要

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

3つのステップで進めます：

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

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

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

Next.jsアプリをGTでセットアップするために、クイックスタートガイドに従ったことを確認してください。

本番用APIキーとプロジェクトIDを本番環境の環境変数に追加します。

ダッシュボードから、サイドバーのAPIキーに移動します。 APIキーを作成をクリックして、本番環境に追加します。

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

APIキーを保護してください！

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

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

npx gtx-cli configure

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

次のステップは、translate コマンドをビルドスクリプトに追加することです。

package.json

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

これで完了です！GT を使って Next.js をデプロイする準備ができました！