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

概要

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

以下の3つのステップで行います：

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

initコマンドを実行してプロジェクトを設定します。

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

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

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

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

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

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

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

initコマンドを実行してプロジェクトを設定します。

npx gtx-cli init

翻訳をGT CDNでホストしたくない場合は、言語ファイルの保存場所を尋ねられたときに「Local」を選択してください。また、loadTranslations()関数の設定も必要になります。

次のステップは、ビルドスクリプトにtranslate コマンドを追加し、本番環境に提供したいロケールを指定することです。

package.json

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

以上です！これでNext.jsとGTをデプロイする準備が整いました！