раздел 00

Что такое хостинг фронтенда и Vercel

Что это за тема

Вы собрали сайт - он открывается у вас на компьютере по адресу вроде localhost:3000. Но никто, кроме вас, его не видит: он живёт только на вашей машине. Чтобы сайт открывался по нормальной ссылке у любого человека в интернете, его надо где-то разместить на постоянно работающем сервере. Это и есть хостинг.

Vercel - сервис, который берёт ваш код и выкладывает его в интернет автоматически. Подключаете репозиторий с кодом - получаете живой сайт по ссылке, с https и обновлением на каждое изменение. Никакого ручного управления сервером.

Зачем это вам

Показать результат. Прототип, собранный с AI, можно отправить ссылкой клиенту или другу, а не «приходи, покажу на ноуте».
Без DevOps. Не нужно настраивать сервер, веб-сервер, сертификаты - Vercel делает это сам.
Быстро. От «есть код в репозитории» до «есть живой сайт» - буквально минуты.

Почему именно Vercel у вайб-кодеров

Vercel создала Next.js и заточена под современный фронтенд (React, Next.js и не только). Бесплатного плана хватает для прототипов и личных проектов. Деплой устроен так, что новичок справляется без чтения мануалов по серверам. Поэтому это дефолтный выбор, когда вы собрали что-то с AI и хотите быстро выложить.

Что будет в курсе

00 - что такое хостинг и Vercel. Вы здесь.
01 - деплой из Git за минуты: импорт репозитория, preview и production.
02 - свой домен и SSL (https бесплатно).
03 - переменные окружения и секреты: куда класть API-ключи.
04 - serverless-функции: бэкенд без своего сервера.
05 - лимиты бесплатного плана и когда платить.
06 - альтернативы: Netlify, Cloudflare Pages, GitHub Pages.
07 - шпаргалка и словарь терминов.