部署到生产环境

使用 GT 部署你的 Next.js 应用。

概览

这是一篇简短教程,帮助你使用 GT 部署 Next.js 应用。

整个流程应在 5 分钟内完成。

我们将分 3 步进行:

添加生产环境的 API Keys。

运行 gtx-cli configure 命令配置项目。

在构建脚本中添加 translate 命令。

先决条件

我们假设你已使用 GT 配置好 Next.js 应用。 如果尚未完成,请先按照快速入门指南配置项目。

步骤 1:添加生产环境 API Keys 🔑

要将应用部署到生产环境,你需要使用生产环境的 API key。

在你的控制台中,进入侧边栏的 API Keys。 点击 Create API Key,然后将其添加到生产环境。

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

请妥善保护你的 API Keys!

生产环境的密钥可用于生产环境。 同样,开发环境的密钥可用于开发环境。 切勿将你的 API Keys 提交到公共代码仓库!

步骤 2:运行 gtx-cli configure 命令 🔧

如果你之前运行过设置向导,可跳过此步骤。 设置向导已替你执行过 gtx-cli configure 命令。

运行 gtx-cli configure 命令以配置你的项目。

npx gtx-cli configure

如果不希望在 GT CDN 上托管翻译内容,被询问时请选择“否”。 你还需要配置 loadTranslations 函数。

步骤 3:将 translate 命令加入构建脚本 🏗️

最后一步是将 translate 命令 加入你的构建脚本。 请确保 translate 命令在构建命令之前执行。

package.json
{
  "scripts": {
    "build": "npx gtx-cli translate && <...您的构建命令...>"
  }
}

就这样!现在,当你将应用部署到生产环境并运行 npm run build 时, 你的项目会自动完成翻译,并与应用一同部署。


下一步

  • 查看 CLI 文档,了解有关 CLI 工具的更多信息。
  • 这里了解 CLI 工具的不同配置 options。
  • 这里了解生产环境与开发环境的区别。

这份指南怎么样?

部署到生产环境