Вывод в продакшен

Давайте выведем ваше приложение 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 выполняется до команды сборки.

package.json
{
  "scripts": {
    "build": "npx gtx-cli translate && <...ВАША КОМАНДА СБОРКИ...>"
  }
}

Вот и всё! Теперь, когда вы выведете приложение в продакшен и выполните npm run build, ваш проект будет автоматически переведён и развернут вместе с приложением.


Следующие шаги

  • См. документацию по CLI для получения дополнительной информации об этом инструменте.
  • Ознакомьтесь с вариантами конфигурации CLI здесь.
  • Узнайте о различиях между продакшен- и дев-средами здесь.

Насколько полезно это руководство?

Вывод в продакшен