Перейти к содержанию
Innovialabs

Что такое Vercel и чем он отличается от обычного хостинга

Основы3 мин

Коротко

Vercel — платформа, которая сама собирает и публикует фронтенд и serverless-функции при каждом пуше в git, без настройки серверов. Она отлично подходит для сайтов и веб-приложений на Next.js и похожих фреймворках, но плохо — для долгих фоновых процессов и тяжелого бэкенда.

Короткий ответ

Vercel — это платформа для деплоя фронтенда и легкого бэкенда. На обычном хостинге или VPS вы арендуете сервер, ставите на него ПО, настраиваете веб-сервер и сами выкладываете обновления. На Vercel серверов как таковых нет: вы подключаете git-репозиторий, а платформа сама собирает проект и раздает его через свою глобальную сеть.

Vercel создала та же компания, что развивает Next.js, поэтому Next.js там поддерживается особенно хорошо. Но работают и другие фреймворки: Nuxt, SvelteKit, Astro, статические сайты.

Как это работает

Деплой из git

Вы подключаете репозиторий GitHub, GitLab или Bitbucket. Дальше:

  1. Пуш в основную ветку запускает сборку и выкладывает production-версию.
  2. Пуш в любую другую ветку или pull request создает отдельный preview-деплой.
  3. Каждый деплой неизменяем, поэтому откат — это просто переключение на предыдущую версию.

Preview-ссылки

У каждого preview-деплоя своя ссылка. Дизайнер, менеджер или заказчик открывает ее и смотрит изменения до того, как они попадут на основной сайт. Для команды это один из самых полезных инструментов: обсуждение идет на живой версии, а не на скриншотах.

Edge-сеть

Статические файлы и закэшированные страницы раздаются из узлов сети, близких к пользователю. Есть и middleware, который выполняется до основной обработки запроса: редиректы, проверка авторизации, A/B-тесты, выбор языка.

Serverless-функции

API-маршруты и серверный рендеринг выполняются как функции: они запускаются по запросу и масштабируются автоматически. Вам не нужно думать, сколько серверов держать: при всплеске трафика платформа запустит больше экземпляров.

Чем отличается от классического хостинга

Классический хостинг / VPSVercel
СерверАрендуете и администрируетеЕго нет в вашей зоне ответственности
ДеплойВручную или через свой CI/CDАвтоматически из git
Превью измененийНужно настраивать отдельноЕсть из коробки
МасштабированиеВы покупаете ресурсы заранееАвтоматическое
Долгие процессыРаботают без проблемНе подходят
Предсказуемость ценыФиксированная арендаЗависит от потребления

Тарифы и ограничения

  • Hobby — бесплатный тариф только для личных некоммерческих проектов. Для сайта компании нужен платный план.
  • Pro — оплата за участников команды плюс потребление сверх включенных лимитов.
  • Enterprise — индивидуальные условия, расширенная безопасность и гарантии.

На всех тарифах есть лимиты: время выполнения функции, объем трафика, время сборки, размер функции. Точные значения меняются, поэтому сверяйтесь с документацией. Главное — помнить, что при росте трафика счет растет вместе с ним, и стоит включить уведомления о расходах.

Кому Vercel подходит плохо

  • Долгие фоновые задачи: обработка видео, большие импорты, очереди, которые работают часами. У функций ограничено время выполнения.
  • Постоянные соединения: собственный WebSocket-сервер, игровые серверы, бот с long polling. Для Telegram-бота лучше использовать webhook или отдельный сервер.
  • Базы данных: Vercel не хранит вашу базу сам — понадобится внешний сервис, желательно в том же регионе, что и функции.
  • Тяжелый бэкенд со своими процессами, cron-задачами и локальным диском.
  • Интеграции, требующие фиксированного исходящего IP для белых списков: по умолчанию его нет.

Частая рабочая схема: фронтенд и легкие API — на Vercel, основной бэкенд, очереди и база — на VPS или в облаке.

Частые вопросы

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

Поможем с этим

Если хотите не разбираться самим, а получить результат — этим мы занимаемся каждый день.

Обсудить проект

Читайте также

Есть идея или задача? Расскажите нам

Ответим в течение рабочего дня и предложим решение. Консультация бесплатная.