Как разместить сайт на Vercel: бесплатный хостинг для статики

Vercel — один из самых удобных бесплатных хостингов для статических сайтов: глобальный CDN, автоматический HTTPS и деплой без сервера и FTP. После переноса сайта с конструктора через Webrelay вы получаете чистый статический HTML — он ложится на Vercel почти без настройки. Разберём, как выгрузить сайт на Vercel, подключить свой домен и что важно знать про формы.

Почему Vercel подходит для статики

• Бесплатный тариф Hobby — для личных и некоммерческих проектов: глобальный CDN, HTTPS, свой домен.
• Скорость — файлы раздаются с ближайшего к посетителю узла сети.
• Автоматический HTTPS — сертификат выпускается сам, в том числе на вашем домене.
• Без сервера и FTP — деплой идёт через командную строку или Git, а не по FTP.

Важная оговорка. Vercel — платформа для статики и serverless-функций на Node.js. PHP она не выполняет. Экспорт Webrelay генерирует обработчик форм form-handler.php на PHP — на Vercel он работать не будет. Что с этим делать — в разделе про формы ниже.

Что понадобится

• Аккаунт на vercel.com — регистрация бесплатна, вход через GitHub, GitLab или email.
• ZIP-архив сайта из Webrelay (или папка после распаковки). Одну страницу можно выгрузить бесплатно.

Способ 1: через Vercel CLI (проще всего для готовой папки)

Vercel не умеет загружать папку перетаскиванием в браузере — для готового экспорта удобнее всего командная строка.

Шаг 1: Экспортируйте сайт в Webrelay

Вставьте ссылку на сайт-конструктор и дождитесь готового архива. Внутри — index.html и папки css/, js/, images/. Все пути в экспорте — от корня домена, так что сайт готов к размещению как есть.

Шаг 2: Распакуйте архив

Распакуйте ZIP в отдельную папку. Убедитесь, что index.html лежит в корне этой папки, а не во вложенной, — иначе Vercel не найдёт главную страницу.

Шаг 3: Установите Vercel CLI и задеплойте

Откройте терминал в папке с сайтом и выполните:

npm i -g vercel
cd my-site      # папка, где лежит index.html
vercel

Vercel попросит войти и подтвердить имя проекта, затем выдаст ссылку вида my-site.vercel.app. Для продакшн-деплоя запустите:

vercel --prod

Шаг 4: Подключите свой домен

В дашборде проекта откройте Settings → Domains, добавьте свой домен и пропишите указанные DNS-записи (A или CNAME) у регистратора домена. HTTPS-сертификат Vercel выпустит автоматически.

Способ 2: через Git (GitHub или GitLab)

Если хотите авто-деплой при каждом изменении:

1. Залейте папку сайта в репозиторий GitHub или GitLab.
2. На vercel.com нажмите Add New → Project → Import и выберите репозиторий.
3. В настройках сборки выберите Framework Preset: Other, а корневой каталог укажите на папку с index.html. Build-команда не нужна — сайт уже статический.

Теперь каждый git push будет автоматически публиковать обновление.

Что будет с формами

Экспорт Webrelay генерирует обработчик form-handler.php — а Vercel не выполняет PHP. Поэтому на Vercel формы через этот файл работать не будут. Варианты:

• Formspree или Getform — сервисы для форм без бэкенда: замените action формы на их адрес, заявки будут приходить на почту.
• Serverless-функция Vercel — напишите /api/form.js на Node.js и укажите её в action формы.
• PHP-хостинг вместо Vercel — если нужен готовый form-handler.php без переделки, разместите сайт на обычном хостинге (Beget, Timeweb, SprintHost) — там форма и корзина-заявка заработают из коробки.

Корзина интернет-магазина в экспорте тоже отправляет заявку на form-handler.php, так что на Vercel её нужно подключить одним из способов выше.

Vercel или обычный хостинг — что выбрать

• Vercel — бесплатно, быстрый CDN, автоматический HTTPS, но без PHP: формы придётся подключать через сторонний сервис или serverless-функцию.
• Netlify — тоже бесплатный статический хостинг, с деплоем перетаскиванием папки и встроенными формами. Подробнее — в статье как разместить сайт на Netlify.
• Cloudflare — публикация перетаскиванием через Cloudflare Drop и огромная сеть доставки. Подробнее — в статье как разместить сайт на Cloudflare.
• PHP-хостинг (Beget, Timeweb, REG.RU) — формы и корзина-заявка работают сразу, загрузка по FTP. Подобрать площадку поможет рейтинг хостингов.

Обзор всех бесплатных вариантов — в статье куда бесплатно разместить сайт за 5 минут.

Что делать после размещения — настроить домен, аналитику и проверить формы — разобрали в статье что делать после переноса.

Часто задаваемые вопросы

Vercel правда бесплатный?

Да, тариф Hobby бесплатен для личных и некоммерческих проектов и включает глобальный CDN, HTTPS и подключение своего домена. Для коммерческих проектов Vercel требует платный тариф — уточняйте актуальные условия на их сайте.

Можно загрузить сайт на Vercel без GitHub?

Да. Через Vercel CLI команда vercel, запущенная в папке с сайтом, задеплоит его без репозитория.

Будут ли работать формы после размещения на Vercel?

Через form-handler.php — нет, Vercel не выполняет PHP. Подключите Formspree или Getform, напишите serverless-функцию либо разместите сайт на PHP-хостинге.

Нужен ли платный тариф для своего домена?

Нет. Свой домен и автоматический HTTPS доступны и на бесплатном тарифе Hobby.

Сохранятся ли дизайн и картинки?

Да. Webrelay отдаёт готовый статический сайт со стилями, шрифтами и изображениями (в WebP), а Vercel просто раздаёт эти файлы через CDN.

Как перенести сайт с конструктора перед размещением?

Вставьте адрес сайта в Webrelay — сервис определит конструктор, скачает страницы и отдаст чистый HTML. Подробнее — на страницах переноса по конструкторам.