Деплой сайта на Vercel

Инструкция

Деплой сайта
на Vercel

Пошаговый гайд: от папки с проектом до живой ссылки в интернете

Подготовка проекта

Терминал

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

↓

Способ 1 (самый простой):
Найди папку в Finder → кликни правой кнопкой → выбери «Новый терминал в папке»

Способ 2:
Открой Terminal (Cmd+Пробел → напиши Terminal), затем напиши cd и перетащи папку проекта прямо в окно терминала мышкой → Enter

После этого в заголовке терминала появится название твоей папки — значит всё ок.

Git

Инициализируй git и добавь файлы

↓

Вводи по одной команде, каждый раз нажимай Enter:

  git init git add . git commit -m "initial" 

Если видишь список файлов и строку [main (root-commit)...] — всё хорошо.

GitHub

Создай репозиторий

↓

1. Зайди на github.com (войди в аккаунт)

2. Нажми зелёную кнопку New или плюс (+) в правом верхнем углу → New repository

3. Введи название репозитория (например, kda-landing)

4. Нажми Create repository

После создания GitHub покажет страницу с командами — оставь её открытой, она понадобится на следующем шаге.

GitHub

Получи токен (вместо пароля)

↓

GitHub не принимает обычный пароль — нужен специальный токен:

1. Кликни на свой аватар (правый верхний угол) → Settings

2. Листай в самый низ → Developer settings

3. Personal access tokens → Tokens (classic) → Generate new token (classic)

4. В поле Note напиши любое название, например: deploy

5. Поставь галочку на repo (самый первый пункт)

6. Нажми зелёную кнопку Generate token внизу

⚠ Важно: токен показывается только один раз! Сразу скопируй его и сохрани в заметки. Выглядит как ghp_xxxxxxxxxxxx

Терминал

Отправь файлы на GitHub

↓

Подключи папку к репозиторию (замени ТВО_ИМЯ и название-репо на свои):

 git remote add origin https://github.com/ТВО_ИМЯ/название-репо.git git push -u origin main 

Терминал спросит логин и пароль:

• Username — твой логин на GitHub

• Password — вставь токен (Cmd+V). Символы не видны — это нормально, просто нажми Enter

Если ошибка «rejected»: попробуй git push -u origin main --force

Vercel

Войди на Vercel через GitHub

↓

1. Зайди на vercel.com

2. Нажми Sign up (или Log in если уже есть аккаунт)

3. Выбери Continue with GitHub — это подключит твои репозитории

Vercel

Задеплой проект

↓

1. Нажми Add New Project

2. Найди свой репозиторий в списке → нажми Import

3. Ничего не меняй в настройках

4. Нажми Deploy

Через ~1 минуту появится зелёная галочка и живая ссылка вида название.vercel.app 🎉

Vercel

Обновить сайт в будущем

↓

Когда поменяешь файлы на ноуте — просто вводи в терминале:

  git add . git commit -m "update" git push 

Vercel автоматически задеплоит новую версию через ~1 минуту. Больше ничего делать не нужно.