Написать
← Все гайды
17

Vercel

vercel.com · бесплатного тарифа хватает для старта

Место, где живёт готовый сайт. Связал с GitHub — и каждое изменение выкатывается само, с сертификатом и доменом. Ручной заливки файлов на хостинг больше нет.

Пять шагов

  1. Зарегистрируйся через GitHub
  2. Импортируй репозиторий — сборка настраивается почти всегда автоматически
  3. Пропиши переменные окружения: ключи и токены живут здесь, а не в коде
  4. Проверь сборку по ссылке предпросмотра
  5. Подключи домен и включи https

Предпросмотр каждой ветки. Любое изменение получает свою ссылку до попадания в основной сайт. Клиенту можно показать правку до публикации — и не спорить потом.

Что не кладут на Vercel

  1. Видео уроков — для этого отдельный видеохостинг
  2. Большие файлы и архивы
  3. Тяжёлые фоновые задачи, которые крутятся часами
Домены

При подключении домена меняются DNS-записи. Если на домене висит рабочая почта — не переносите нейм-серверы целиком, меняйте только записи сайта, иначе почта отвалится.

История деплоев. Все сборки прошли, у каждой видно коммит и ветку
История деплоев. Все сборки прошли, у каждой видно коммит и ветку

Где ошибаются

  • Кладут ключи в код вместо переменных окружения
  • Заливают видео и упираются в лимиты
  • Не смотрят предпросмотр и выкатывают сломанное
  • Переносят нейм-серверы и ломают почту на домене

Проверь себя

  • Репозиторий подключён, сборка проходит
  • Ключи в переменных окружения
  • Домен привязан, https работает
  • Предпросмотр проверен до публикации

Хотите сделать это на своём проекте

Гайд объясняет как. Разбор показывает, что из этого нужно именно вам: смотрим ваш проект, считаем цифры и говорим, с чего начинать. Полтора часа, 30 000 ₸ онлайн.

Отвечаем в течение дня. Расскажем честно, подходит вам курс или нет.