部署到生产环境
使用 GT 部署你的 Next.js 应用。
概览
这是一篇简短教程,帮助你使用 GT 部署 Next.js 应用。
整个流程用时不超过 5 分钟。
我们将通过以下 3 个步骤完成:
添加生产环境 API Keys。
运行 gtx-cli configure 命令配置项目。
在构建脚本中添加 translate 命令。
前提条件
我们假设你已使用 GT 完成 Next.js 应用的设置。 如果还没有,请先按照快速入门指南来设置你的项目。
步骤 1:添加生产环境 API 密钥 🔑
要将应用部署到生产环境,你需要使用生产环境的 API 密钥。
在你的仪表盘中,前往侧边栏的 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(内容分发网络)上,被询问时请选择“No”。
你还需要配置 loadTranslations 函数。
步骤 3:将 translate 命令添加到你的构建脚本 🏗️
最后一步是在构建脚本中添加 translate 命令。 请确保在 build 命令之前执行 translate 命令。
{
"scripts": {
"build": "npx gtx-cli translate && <...你的构建命令...>"
}
}就这样!现在,当你将应用部署到生产环境并运行 npm run build 时,
你的项目会被自动翻译,并与应用一同部署。
后续步骤
本指南如何?