Как задеплоить проект: пошаговый гайд по Vercel и Netlify

Собрать проект — полдела. Чтобы им могли пользоваться другие, нужно выложить его в интернет. Vercel и Netlify — самые простые варианты для фронтенд-проектов и статических сайтов. Оба бесплатны для старта.

Vercel

Vercel — популярный выбор для React, Next.js и других JavaScript-фреймворков.

Деплой через GitHub (рекомендуемый способ): 1. Залейте код проекта на GitHub (создайте репозиторий, добавьте файлы). 2. Зарегистрируйтесь на vercel.com, нажмите «New Project». 3. Подключите GitHub и выберите репозиторий. 4. Vercel автоматически определит фреймворк и настройки — нажмите Deploy. 5. Через 1–2 минуты получите ссылку вида yourproject.vercel.app.

Деплой через CLI: Если не хотите настраивать GitHub: установите Vercel CLI через терминал (npm i -g vercel), запустите vercel в папке проекта и следуйте подсказкам.

Автоматические обновления: при каждом push в GitHub Vercel автоматически пересобирает проект — новая версия появляется через минуту.

Netlify

Netlify — отличный вариант для статических сайтов и проектов без сложного бэкенда.

Деплой через интерфейс (самый простой способ): 1. Зарегистрируйтесь на netlify.com. 2. Нажмите «Add new site» → «Deploy manually». 3. Перетащите папку с файлами проекта (папку `/build` или `/dist`) в браузер. 4. Получите ссылку вида randomname.netlify.app — готово.

Деплой через GitHub: так же, как в Vercel — подключите репозиторий и настройте автосборку.

Свой домен

Оба сервиса позволяют подключить свой домен бесплатно. Купите домен (ru/com) на reg.ru или namecheap, добавьте в настройках Vercel/Netlify и пропишите DNS-записи по инструкции — займёт 10–30 минут.

Что если проект на Python / Node.js (бэкенд)

Vercel и Netlify в основном для фронтенда. Для бэкенда и ботов используйте Railway, Render или Fly.io — процесс похожий: подключаете GitHub и деплоите.

Типичные ошибки

  • Деплоите корневую папку, а нужно папку сборки (`/build`, `/dist`, `/out`) — уточните у ИИ, какая папка у вашего проекта.
  • Не прописаны переменные окружения (токены, ключи API) — добавляйте их в настройках сервиса, не в код.

Итог: выложить проект через Vercel или Netlify — 10–15 минут при первом раз. После настройки GitHub-интеграции обновления деплоятся автоматически. Это снимает последний барьер: от «работает у меня» до «работает у всех».

Хотите научиться вайб-кодингу?

Оставьте контакты — получите бесплатную запись вебинара на email.

Узнать о курсе