Vercel: что это и как выложить сайт в интернет

Что такое Vercel?

Хостинг это компьютер в интернете, где лежит ваш сайт. Vercel берёт файлы проекта, собирает из них сайт и отдаёт посетителям по ссылке. Публикация новой версии называется деплоем (deploy).

Работает это так. Проект лежит на GitHub. Вы отправляете изменения туда, а Vercel сам собирает и обновляет сайт. Отправка изменений называется push.

«Запушил → через 30 секунд сайт в интернете.»

Каждому проекту Vercel даёт адрес на домене vercel.app. Его можно показать клиенту или открыть на телефоне. Свой домен подключается отдельно: об этом ниже.

Сколько стоит Vercel и что входит в бесплатный тариф?

Цены с официальной страницы Vercel на 11.11.2026. У тарифов есть три уровня.

На Hobby входит 1 млн запросов к сайту в месяц и 100 ГБ передачи данных в месяц. Передача данных это объём файлов, которые посетители скачивают с вашего сайта. Место в команде одно.

Докупить сверх лимита на Hobby нельзя. Vercel пишет прямо: на бесплатном аккаунте действуют лимиты использования. Нужен запас или коммерческий проект: берите Pro.

Цены и лимиты меняются. Сверьте их на странице цен Vercel. Для коммерческого проекта на странице рекомендован тариф Pro.

Как выложить сайт на Vercel из GitHub?

Понадобятся аккаунт GitHub и проект в репозитории. Репозиторий это папка проекта на GitHub с историей изменений. Войти в Vercel можно через GitHub: в гайде Александра это кнопка Continue with GitHub.

1. Нажмите New Project

   Кнопка в правом верхнем углу панели Vercel. Откроется список репозиториев из подключённого GitHub.

2. Выберите репозиторий

   Найдите в списке проект, который хотите выложить.

3. Проверьте настройки

   Можно изменить название проекта, корневую папку, настройки сборки и переменные окружения. Это значения вроде ключей доступа: храните их здесь, а не в файлах проекта.

4. Нажмите Deploy

   Vercel соберёт проект и покажет адрес на домене vercel.app.

Дальше сайт обновляется сам. Изменение в главной ветке (обычно main) создаёт рабочую версию сайта. Ветка это отдельная копия проекта для проб. Остальные ветки получают свою ссылку для проверки до слияния.

Если репозиторий закрытый и принадлежит организации на GitHub, на Hobby выложить не получится. Vercel советует сделать репозиторий публичным или перейти на Pro.

Выкладку можно поручить агенту. Вот пример фразы для Claude Code:

Задеплой приложение на Vercel как preview. Верни мне ссылку,
чтобы я открыл на телефоне.

У Vercel есть и плагин для Claude Code и Codex. Он даёт агенту навыки выкладки.

Как подключить свой домен к Vercel?

Домен это адрес сайта вроде vash-sait.kz. Если домена нет, его можно купить у регистратора или в самом Vercel. Подключение занимает четыре шага.

1. Откройте настройки домена

   В панели выберите проект, затем Settings и Domains.

2. Добавьте домен

   Нажмите Add Existing и введите домен.

3. Скопируйте DNS-запись

   Vercel покажет, что внести. Для основного домена это запись типа A, для поддомена, например docs.vash-sait.kz, запись типа CNAME.

4. Внесите запись у регистратора

   Регистратор это компания, где куплен домен. После обновления записей статус домена станет готовым.

Сертификат безопасности (значок замка в адресе) Vercel выдаёт сам. Записи могут обновляться не сразу: подождите. На Hobby можно добавить до 50 доменов на проект.

Чем Vercel отличается от GitHub Pages?

GitHub Pages тоже выкладывает сайты из репозитория. Разница в том, что выкладывается и откуда.

Простая страница-визитка, и вы уже на GitHub: хватит GitHub Pages. Нужен код на стороне сервера или своя ссылка для каждой ветки: берите Vercel.