Vercel: деплой из коробки
Vercel — платформа от создателей Next.js. Деплой одной командой или через Git.
Быстрый старт
Через CLI
npm install -g vercel
vercel
Первый запуск спросит настройки. Дальше — деплой одной командой.
vercel # preview
vercel --prod # продакшен
Через Git
- Залей код на GitHub
- Импортируй репозиторий на vercel.com
- Vercel сам определит Next.js
- Деплой запускается при каждом пуше
Preview и Production
- Preview — для каждой ветки и PR. Свой URL.
- Production — основная ветка (main/master).
Переменные окружения
В Vercel Dashboard → Settings → Environment Variables.
Три окружения:
- Production — для продакшена
- Preview — для PR
- Development — для
vercel dev
DATABASE_URL=postgresql://...
AUTH_SECRET=...
NEXT_PUBLIC_API_URL=https://api.example.com
Для разных окружений — разные значения. Например, preview-база и prod-база.
Команды
vercel # деплой preview
vercel --prod # деплой в продакшен
vercel env pull # скачать переменные локально
vercel logs # логи
vercel ls # список деплоев
vercel rollback # откат
Домены
Свой домен:
- Settings → Domains
- Добавь домен
- Настрой DNS у регистратора
Vercel автоматически выдаст SSL-сертификат.
Edge Functions
Next.js на Vercel работает на Edge Runtime для middleware и некоторых роутов. Быстро, но с ограничениями:
- Нет Node.js API
- Ограниченный размер
- Нет прямого доступа к БД (используй HTTP)
Serverless Functions
API-роуты и Server Actions — Serverless по умолчанию. Холодный старт может быть заметен.
Кеш
Vercel кеширует статику на CDN. ISR-страницы обновляются в фоне.
Логи
vercel logs <deployment-url>
Или в Dashboard → Deployments → Logs.
Мониторинг
- Analytics — посещаемость, Core Web Vitals
- Speed Insights — метрики производительности
- Logs — ошибки
Стоимость
- Hobby — бесплатно, для личных проектов
- Pro — $20/мес, для команд
- Enterprise — по запросу
Hobby ограничен по трафику и функциям. Для коммерческих проектов — Pro.
Ограничения Hobby
- Нет защиты паролем для preview
- Ограниченная аналитика
- Меньше лимитов на функции
- Коммерческое использование запрещено
Итоги
- Vercel — платформа для Next.js
- Деплой через CLI или Git
- Preview для PR, Production для main
- Переменные по окружениям
- Автоматический SSL
- Edge и Serverless функции