раздел 02

Свой домен и SSL

Что это

После деплоя сайт открывается по адресу вида проект.vercel.app. Для себя - нормально, для бизнеса - нет. Свой домен (example.com) - это адрес, который вы покупаете у регистратора и привязываете к сайту. SSL - это сертификат, который даёт https:// и замочек в адресной строке: соединение шифруется, браузер не пугает пользователя «небезопасно».

Зачем это вам

Доверие. вашбренд.com выглядит солидно, проект.vercel.app - как черновик.
Безопасность и доверие браузера. Без https современные браузеры показывают предупреждение, а пользователи уходят.
SEO. Свой домен и https - базовое требование для нормального ранжирования.

Как это сделать

Купите домен у любого регистратора (это отдельная покупка, не входит в Vercel).
В проекте на Vercel откройте Settings -> Domains и добавьте свой домен.
Vercel покажет, какие DNS-записи прописать у регистратора (обычно запись типа A или CNAME). Скопируйте их в панель управления доменом.
Подождите, пока DNS обновится (от минут до нескольких часов).
Готово. Vercel сам выпустит SSL-сертификат - https заработает без вашего участия и будет автоматически продлеваться.

SSL не требует усилий

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

Пример

Купили mycoolapp.ru у регистратора. В Vercel добавили домен, он попросил прописать одну CNAME-запись. Зашли в панель регистратора, добавили запись, подождали полчаса. Сайт открылся на https://mycoolapp.ru с замочком - сертификат Vercel выпустил сам. проект.vercel.app тоже продолжает работать и редиректит на основной домен.

Антипаттерны

Запускать публичный проект на *.vercel.app. Для боевого сайта нужен свой домен - и для доверия, и для SEO.
Покупать SSL отдельно. На Vercel он бесплатный и автоматический - платить не за что.
Паниковать, что домен не открылся сразу. DNS обновляется не мгновенно; дайте время.