部署到生产环境
让我们使用 GT 部署你的 Next.js 应用。
概述
这是一个简短的教程,帮助你使用 GT 部署你的 Next.js 应用。
整个过程应该不超过 5 分钟即可完成。
我们将分 3 步进行操作:
添加你的生产环境 API 密钥。
运行 gtx-cli configure
命令来配置你的项目。
在你的构建脚本中添加 translate 命令。
前提条件
我们假设您已经使用 GT 设置了您的 Next.js 应用程序。 如果您还没有设置,请先按照快速入门指南来设置您的项目。
步骤 1:添加你的生产 API 密钥 🔑
要将你的应用部署到生产环境,你需要使用生产 API 密钥。
在你的 dashboard 中,前往侧边栏的 API Keys。 点击 Create API Key,并将其添加到你的生产环境中。
GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"
保护你的 API 密钥!
生产密钥应当只在生产环境中使用。 同样,开发密钥应当只在开发环境中使用。 切勿将你的 API 密钥提交到公共仓库!
步骤 2:运行 gtx-cli configure
命令 🔧
如果你之前已经运行过设置向导,可以跳过此步骤。
设置向导已经为你运行过 gtx-cli configure
命令。
运行 gtx-cli configure
命令以配置你的项目。
npx gtx-cli configure
如果你不希望你的翻译内容托管在 GT CDN 上,在被询问时请选择“No”。
你还需要配置 loadTranslations()
函数。
步骤 3:将 translate 命令添加到你的构建脚本 🏗️
最后一步是将 translate 命令 添加到你的构建脚本中。 请确保 translate 命令在 build 命令之前执行。
{
"scripts": {
"build": "npx gtx-cli translate && <...YOUR_BUILD_COMMAND...>"
}
}
就是这样!现在,当你将应用部署到生产环境并运行 npm run build
时,
你的项目会被自动翻译,并与应用一同部署。
后续步骤
这份指南怎么样?