Вывод в продакшен
Давайте выведем ваше приложение Next.js в продакшен с GT.
Обзор
Это краткое руководство поможет вам развернуть приложение Next.js с GT.
В целом на это уйдёт менее 5 минут.
Мы выполним это в 3 шагах:
Добавьте рабочие (production) API‑ключи.
Запустите команду gtx-cli configure, чтобы настроить проект.
Добавьте команду перевода в скрипт сборки.
Предварительные требования
Мы предполагаем, что вы уже настроили свое приложение Next.js с GT. Если нет — сначала настройте проект, следуя краткому руководству по быстрому старту.
Шаг 1: Добавьте production API‑ключи 🔑
Чтобы развернуть приложение в продакшене, вам нужен production API‑ключ.
В панели управления откройте раздел 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 выполняется до команды сборки.
{
"scripts": {
"build": "npx gtx-cli translate && <...ВАША КОМАНДА СБОРКИ...>"
}
}Вот и всё! Теперь, когда вы выведете приложение в продакшен и выполните npm run build,
ваш проект будет автоматически переведён и развернут вместе с приложением.
Следующие шаги
- См. документацию по CLI для получения дополнительной информации об этом инструменте.
- Ознакомьтесь с вариантами конфигурации CLI здесь.
- Узнайте о различиях между продакшен- и дев-средами здесь.
Насколько полезно это руководство?