Как задеплоить своё приложение — пошагово, от папки на ноуте до ссылки в интернете

Знакомая стена: приложение работает, ты им гордишься — но открывается оно только у тебя на ноуте по адресу localhost. Стоит закрыть редактор, и всё гаснет. Задеплоить — значит перенести его на чужой компьютер в облаке, который работает 24/7, и получить ссылку, которой можно поделиться. Давай по шагам — без магии.

Шаг 1. Пойми, из чего состоит твоё приложение

Прежде чем выбирать хостинг, ответь на один вопрос: есть ли у тебя бэкенд?

• Только фронтенд — сайт, лендинг, калькулятор, всё работает в браузере. Это «статика».
• Фронтенд + бэкенд — есть серверный код, база, вход по логину, секретные ключи. Это «динамика».

От этого зависит, куда деплоить. Если не уверен — спроси у своего ИИ-редактора прямо: «у этого проекта есть серверная часть или это статический сайт?». Он посмотрит файлы и скажет.

Шаг 2. Положи код в Git-репозиторий

Почти все хостинги деплоят прямо из Git. Если кода ещё нет на GitHub:

1. Заведи аккаунт на github.com.
2. Создай новый репозиторий (кнопка New).
3. Залей туда код. Проще всего — попросить редактор: «закоммить всё и запушь в этот репозиторий», и дать ему ссылку.

Заодно проверь: файл .gitignore есть и в нём прописан .env? Это критично — секретные ключи не должны попасть в репозиторий.

Шаг 3. Выбери хостинг под свой тип

• Статика (только фронт): Vercel, Netlify, Cloudflare Pages, GitHub Pages. Все бесплатны для пет-проектов.
• Динамика (есть бэкенд): Vercel (умеет и серверные функции), Railway, Render. Тоже есть бесплатные тарифы.

Для новичка золотой стандарт — Vercel: тянет и статику, и серверные функции, деплоит из GitHub в один клик. Если у тебя no-code сборка — у неё обычно своя кнопка «Publish», и тогда шаги 2–4 уже сделаны за тебя.

Шаг 4. Подключи репозиторий и нажми Deploy

1. Зарегистрируйся на хостинге через GitHub — так он сразу увидит твои репозитории.
2. Нажми Import Project / New Project и выбери свой репозиторий.
3. Хостинг сам определит фреймворк и предложит настройки сборки — для большинства проектов их не нужно трогать.
4. Жми Deploy и подожди минуту-две.

Что получится: зелёная галочка и живая ссылка вида твой-проект.vercel.app. Открой её с телефона — приложение работает уже не только у тебя.

Шаг 5. Перенеси секреты в переменные окружения

Если приложение упало с ошибкой про «ключ не найден» — почти всегда дело в этом. Локально ключи лежали в файле .env, но в репозиторий ты его (правильно!) не залил. Значит, на хостинге их нет.

Открой в панели хостинга раздел Environment Variables и вбей туда те же пары ИМЯ=значение, что были в .env. После этого передеплой — ошибка уйдёт.

Шаг 6 (по желанию). Привяжи свой домен

Ссылка *.vercel.app работает, но для своего проекта приятнее мой-проект.ру. Купи домен у регистратора, в панели хостинга открой Domains, добавь его — и пропиши у регистратора те DNS-записи, что покажет хостинг. Через несколько часов домен заработает.

Теперь у тебя не «штука на ноуте», а настоящее приложение в сети. Дальше — превращать прототип в продакшн: аккуратные ошибки, аналитика, обратная связь.

Это правда бесплатно?

Для пет-проекта — да. У Vercel, Netlify, Railway есть бесплатные тарифы, которых с головой хватает на демку и первых пользователей. Платить начнёшь, только когда вырастет трафик или понадобится мощный бэкенд. Начинать с платного не нужно.

Чем деплой отличается от «просто запустить»?

«Запустить» — это поднять приложение у себя, на localhost: видишь только ты, и только пока редактор открыт. «Задеплоить» — отдать код на постоянно работающий сервер в облаке, чтобы по ссылке открыл кто угодно и в любой момент. Это и есть переход от «у меня работает» к «работает у всех».