Как задеплоить Next.js приложение за 5 минут

Деплой современного фронтенд-приложения не должен быть сложным. В этой статье покажем, как за несколько кликов запустить ваш Next.js проект на собственном сервере.

Почему AlphaCI?

В отличие от Vercel, вы получаете полный контроль над сервером при сопоставимом удобстве деплоя:

• Автоматическое определение стека (Next.js, React, Vue, Rails и др.)
• CI/CD пайплайн из коробки
• Свои домены с автоматическим SSL
• Фиксированная цена за сервер, а не за запрос

Шаг 1: Подключите GitHub

Перейдите в Профиль → Интеграции и подключите ваш GitHub аккаунт. AlphaCI запросит доступ только к выбранным репозиториям.

# Ваш репозиторий должен содержать
├── package.json      # с зависимостью "next"
├── next.config.js    # конфигурация Next.js
└── pages/            # или app/ для App Router

Шаг 2: Создайте проект

Нажмите «Новый проект» и выберите репозиторий. AlphaCI автоматически определит, что это Next.js:

• Стек: Next.js (определяется по package.json)
• Команда сборки: npm run build
• Порт: 3000

Шаг 3: Настройте переменные окружения

Если ваш проект использует API-ключи или другие секреты, добавьте их в разделе Environment Variables:

DATABASE_URL=postgresql://...
NEXT_PUBLIC_API_URL=https://api.example.com
SECRET_KEY=your-secret-key

Шаг 4: Деплой!

Нажмите «Задеплоить» и наблюдайте за процессом в реальном времени:

1. Клонирование репозитория
2. Установка зависимостей (npm install)
3. Сборка проекта (npm run build)
4. Запуск контейнера
5. Настройка reverse proxy

Весь процесс занимает 2-5 минут в зависимости от размера проекта.

Автоматический CI/CD

После первого деплоя каждый git push в основную ветку автоматически запускает новый деплой. Никаких дополнительных настроек — просто пишите код.

Итоги

Попробуйте сами — регистрация бесплатная, первый деплой за 5 минут.