Как сделать сайт самостоятельно и бесплатно: пошаговая инструкция

Раньше создание сайта-визитки означало одно из двух: заплатить веб-студии 20–50 тысяч рублей или потратить недели на изучение HTML, CSS и хостинга. Третьего не было.

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

Сразу честно про «бесплатно». Полностью бесплатно — реально, но с оговоркой. У большинства ИИ-платформ есть бесплатный тариф для теста (например, у Rocket — 20 кредитов на аккаунт). Этого хватит, чтобы собрать первую версию сайта и решить, нравится ли вам результат.
Для регулярной работы и большого количества правок понадобится подписка — от $25 в месяц. Это всё равно в десятки раз дешевле веб-студии, но «совсем без денег» получится только разовый проект.

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

Кому пригодится создание сайтов через ИИ

ИИ как личный веб-разработчик, который работает бесплатно и выполняет все «по щелчку», будет особенно полезен:

• Фрилансерам-новичкам. 
  Вы дизайнер или маркетолог без навыков программирования? Теперь можете брать заказы на создание лендингов и визиток, не привлекая программиста.
• Офлайн-специалистам. 
  Мастера маникюра, психологи, массажисты, репетиторы — всем, кому нужна простая визитка с ценами, фото работ и кнопкой записи.
• Самозанятым и малому бизнесу.
  Быстрый способ получить профессиональный сайт для продвижения услуг без вложений в разработку.
• Стартаперам.
  Нужно протестировать идею? Сделайте MVP (минимально жизнеспособный продукт) за час и покажите инвесторам или первым клиентам.
• Опытным фрилансерам.
  Ускорьте работу в разы. Вместо недели на вёрстку — несколько часовна генерацию и доработку.

Главное преимущество — скорость и доступность. Не нужно учить HTML, CSS, JavaScript. Не нужно разбираться в WordPress или конструкторах сайтов.

Просто описываете задачу — получаете результат.

Как работает генерация сайта по описанию

Шаг 1: Вы пишете текстовое описание (промпт)

Например:

 Сделай одностраничный сайт для психолога.
 Нужны разделы: главная страница с приветствием, 
 описание услуг, цены, форма записи на консультацию, 
 контакты.
 Стиль: спокойный, профессиональный, светлые тона.

Это всё, что требуется для получения прототипа

Шаг 2: ИИ генерирует сайт

Через 10-20 секунд платформа (мы рассмотрим пример Rocket) показывает готовый рабочий сайт:

• С дизайном
• С текстами
• С кнопками и формами
• Полностью функциональный

Шаг 3: Дорабатываете через диалог

Не нравится цвет? Напишите: «Замени синий на бежевый». Хотите добавить галерею? Напишите: «Добавь раздел с фотографиями работ».
ИИ понимает обычный человеческий язык и за считанные минуты вносит правки.

Шаг 4: Публикуете или скачиваете

Готовый сайт можно:

• Опубликовать на домене платформы
• Подключить свой домен
• Скачать код и разместить на любом хостинге

Это не макет или картинка. Это реальный работающий сайт.

---

Реальный кейс: делаем сайт для мастера маникюра за час

Возьмём конкретную ситуацию. Мастер маникюра Анна принимает клиентов на дому. У неё есть Instagram и WhatsApp, но:

• Клиенты постоянно спрашивают цены в личку
• Нет удобной страницы для записи
• Сложно запускать рекламу без лендинга
• Люди теряются между сообщениями

Анне нужен простой сайт: услуги — примеры работ — цены — запись.
Раньше пришлось бы платить минимум 30 000 руб веб-студии и ждать 2 недели.
Теперь делаем сами за час.

Шаг 1. Пишем задачу для ИИ

Открываем платформу Rocket (или аналогичную) и пишем:

 Cделай одностраничный сайт для мастера маникюра.
 Разделы: 
 - Главный экран с приветствием
 - Услуги и цены
 - Галерея работ
 - Отзывы клиентов
 - Кнопка "Записаться в WhatsApp"
 - Адрес или район приёма

 Стиль: нежный, женственный, пастельные цвета 
 (розовый и бежевый).

Этого достаточно. Никаких технических терминов.

Шаг 2. Получаем первую версию сайта

Через несколько минут Rocket показывает готовый лендинг:

✅ Главный экран

• Красивый заголовок «Маникюр от Анны»
• Подзаголовок «Маникюр • Педикюр • Уход за руками»
• Кнопка «Записаться» ведёт в WhatsApp

✅ Блок услуг с ценами

Маникюр классический — 900
Маникюр + гель-лак — 1500
Педикюр + покрытие — 2000
Снятие покрытия — 200

✅ Галерея работ
Красивая сетка из фотографий (пока с демо-фото, но можно заменить своими).

✅ Отзывы клиентов
Блок с местом для реальных отзывов.

✅ Форма записи
Рабочая кнопка, которая открывает WhatsApp с готовым сообщением: «Здравствуйте! Хочу записаться на маникюр».

✅ Контакты
«Район: м. Площадь Восстания, Санкт-Петербург»

Это полноценный рабочий сайт, а не просто макет.

Шаг 3. Дорабатываем через команды

Теперь подгоняем сайт «под себя». Просто пишем команды в чат с ИИ:

«Замени цветовую палитру на более розовую» → ИИ меняет все оттенки

«Добавь блок «О мастере» с фото и текстом обо мне» → Появляется новый раздел

«Поменяй шрифт на более мягкий и округлый» → Шрифты обновляются

«Добавь акцию: «Скидка 10% новым клиентам» → Акция появляется на главном экране

«Сделай кнопку записи больше и ярче» → Кнопка становится заметнее

«Загрузи мои фотографии работ в галерею» → Вы прикрепляете файлы, ИИ добавляет их

Каждое изменение занимает от нескольких секунд до минуты.

Хочется самой выбирать цвета, шрифты и композицию? ИИ хорошо генерирует «среднее по больнице», но если вы чувствуете, что у сайта могло бы быть лицо поинтереснее — стоит подтянуть базу по дизайну. У Нетологии есть бесплатный 7-дневный курс «Как стать UX/UI-дизайнером: создаём первый сайт». Не превратит вас в дизайнера за неделю, но научит видеть, что в макете работает, а что — нет. Дальше промпты для ИИ становятся точнее.

Реклама. ООО НЕТОЛОГИЯ, ИНН 7726464125, erid: LdtCKCxkP

⚠️ Важно про лимиты. Rocket работает по кредитной системе: каждое создание и каждая правка через ИИ списывает определённое количество кредитов. На бесплатном тарифе их 20 на весь аккаунт — этого хватит, чтобы попробовать платформу и собрать первый прототип, но не на десятки итераций.
Для регулярной работы нужен платный тариф (от $25/месяц). Это не «безлимитный конструктор», и об этом стоит знать заранее.

Шаг 4. Публикуем сайт

Когда сайт устраивает, нажимаем «Launch» и получаем рабочую ссылку на поддомене Rocket — что-то вроде:

anna-manicure-x7p2.public.builtwithrocket.new

Ссылка длинная, но рабочая — её уже можно отправлять клиентам и вставлять в Instagram.
Если хочется красивого адреса, на платных тарифах можно подключить свой домен (manicure-anna.ru) прямо в настройках Rocket — платформа сама настраивает DNS и SSL-сертификат.

Если хочется полной независимости от платформы, на платных тарифах можно экспортировать исходный код проекта (обычно это Next.js) — но размещать его дальше уже технически сложнее, об этом отдельный раздел ниже.

Шаг 5. Используем в работе

Теперь Анна:

• Вставляет ссылку на сайт в Instagram* в шапку профиля
• Отправляет сайт клиентам в WhatsApp* вместо долгих объяснений
• Запускает рекламу ВКонтакте и в Яндексе на лендинг
• Размещает QR-код с сайтом на визитках
• Показывает портфолио новым клиентам

Результат: Клиенты больше не спрашивают цены. Записываются быстрее. Выглядит профессионально. Доверия больше.

Потрачено: примерно час времени и стоимость подписки на платформу — от $25/месяц на тарифе для одного пользователя. Если задача разовая, можно сделать сайт, экспортировать код и отписаться.

---

Что мы получили: готовый сайт или прототип?

Это важный вопрос. Давайте разберёмся честно.

Это действительно рабочий сайт.

Не макет. Не картинка. Не просто идея.
Вы получаете:

• Полностью функциональный сайт
• Который открывается по ссылке
• С рабочими кнопками и формами
• Готовый для того, чтобы показывать клиента и вести бизнес в целом

Для простых задач программист не нужен.

Визитки, лендинги, портфолио, страницы услуг — всё это ИИ делает самостоятельно.

Можно ли вносить правки без программиста?

Да.
Пока у вас есть подписка на платформу, вы можете:

• Менять тексты через диалог с ИИ
• Добавлять новые разделы
• Менять цвета и шрифты
• Загружать новые фотографии
• Перестраивать структуру сайта

Это работает как конструктор, только вместо кнопок — обычный текст.

Когда программист всё-таки нужен?

Программист нужен, если вам нужны сложные функции:

❌ Интернет-магазин с корзиной и оплатой
❌ Личный кабинет с авторизацией
❌ Интеграция с CRM или системами учёта
❌ Сложная логика и базы данных
❌ Высоконагруженные приложения

Для таких проектов ИИ создаст хороший прототип (MVP), но доработка потребует разработчика.

---

Как разместить сайт в интернете: простое объяснение

Допустим, вы создали сайт в Rocket. Где он живёт и что с ним делать дальше?

По умолчанию хостинг уже есть

Хорошая новость: для большинства задач отдельно ничего размещать не нужно. Когда вы публикуете сайт через кнопку «Launch», Rocket сам разворачивает его на своих серверах и выдаёт рабочую ссылку. Сайт сразу открывается у клиентов, работает HTTPS, не нужно покупать хостинг и заливать файлы.

Это решение «всё включено» — пока вы оплачиваете подписку, сайт работает.

Свой домен — в один клик

Если хочется красивого адреса вроде manicure-anna.ru вместо длинного поддомена платформы:

1. Покупаете домен у любого регистратора (Reg.ru, Beget, Timeweb)
2. В Rocket в настройках публикации указываете свой домен
3. Платформа автоматически настраивает DNS и подключает SSL-сертификат

Никаких ручных манипуляций с записями и сертификатами. Это работает на платных тарифах.

Если хочется полной независимости от платформы

На платных тарифах Rocket позволяет экспортировать исходный код проекта. Это значит: вы получаете папку с кодом, и платформа в дальнейшем не нужна.

Звучит привлекательно, но есть нюанс. Rocket генерирует современные приложения на Next.js (а часто ещё с подключённым бэкендом и базой данных Supabase).
Это не статический HTML, который можно «просто залить на хостинг через файловый менеджер».

Что это значит на практике:

❌ Обычный shared-хостинг (Beget, Timeweb, Reg.ru за 200–300₽/мес) для Next.js-проекта не подойдёт. Там нет нужного окружения, чтобы запустить приложение.

✅ Что подойдёт:

• Vercel — платформа от создателей Next.js, бесплатный тариф для личных проектов. Заливаете код через GitHub — сайт собирается и публикуется автоматически.
• Netlify — аналогично, бесплатный тариф для небольших проектов.
• VPS-сервер — полный контроль, но нужны навыки администрирования.

Если все эти слова непонятны — это нормально. Скажу честно: экспорт кода имеет смысл, если у вас есть знакомый разработчик или вы планируете развивать проект с программистом.
Для мастера маникюра, психолога, репетитора — гораздо проще оставить сайт на платформе и не тратить нервы.

Итог простыми словами

👉 Самый простой путь: оставить сайт на серверах Rocket, оплачивать подписку, не заморачиваться

👉 Если нужен красивый адрес: купить домен и подключить через настройки — это делается в пару кликов

👉 Если нужна полная независимость от платформы: экспортировать код, но дальше нужен разработчик (или хотя бы базовые навыки) для деплоя на Vercel или подобную платформу

Никаких WordPress, движков и баз данных настраивать не нужно.
И никаких файлов в папку public_html через FTP заливать тоже не нужно — это устаревший сценарий из эпохи статических сайтов.

Если слова «деплой», «хостинг» и «сборка» звучат как заклинания — это нормально, для большинства людей так и есть. Если хочется один раз разобраться и больше не путаться, у Skillbox есть бесплатный мини-курс по веб-разработке. Там объясняют, как сайт «живёт» на сервере, что такое база данных и как код превращается в страницу, которую видит пользователь. Полезно, если вы планируете экспортировать код из Rocket и размещать его самостоятельно.

Реклама. ЧУ ЧАСТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ДОПОЛНИТЕЛЬНОГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ ОБРАЗОВАТЕЛЬНЫЕ ТЕХНОЛОГИИ СКИЛБОКС (КОРОБКА НАВЫКОВ), ИНН 9704088880, erid: 2VfnxwisD9b

---

Когда ИИ достаточно, а когда нужен программист

Резюме. ИИ — не волшебная палочка. Это инструмент. И у него есть границы.

ИИ справится сам, если вам нужно:

✅ Сайт-визитка
Страница с информацией о вас, контактами, формой связи.

✅ Лендинг услуги
Одностраничник для продажи услуги или продукта.

✅ Портфолио
Красивая страница с вашими работами.

✅ Простая страница записи
С формой, кнопкой WhatsApp или Telegram.

✅ MVP (прототип) для тестирования идеи
Быстрая версия продукта, чтобы показать инвесторам или первым клиентам.

✅ Информационный сайт
Например, о компании, мероприятии, курсе.

Для всех этих задач программист не нужен. ИИ сделает всё сам.

Программист понадобится, если вам нужно:

❌ Интернет-магазин
С корзиной, каталогом, фильтрами, оплатой, личным кабинетом.

❌ Сложный личный кабинет
Где пользователь управляет подписками, заказами, данными.

❌ Интеграции
С платёжными системами, CRM, складским учётом, 1C.

❌ База данных и сложная логика
Когда нужно хранить информацию о тысячах пользователей и обрабатывать сложные процессы.

❌ Высоконагруженный проект
Который должен выдерживать тысячи пользователей одновременно.

❌ Уникальный функционал
Чего нет в стандартных решениях.

Для таких задач ИИ поможет сделать прототип быстрее, но финальная доработка — за разработчиком.

💡 Хочется разобраться, как всё устроено под капотом?

Если после первого сайта в Rocket стало любопытно, как вообще работают веб-страницы — что такое теги, стили, скрипты, почему сайт «ломается» на телефоне, — у Нетологии есть бесплатный курс «Frontend-разработка: основы HTML, CSS и JavaScript». 14 дней, без оплаты, без сертификата. Не сделает из вас разработчика, но даст понимание, что происходит, когда ИИ генерирует сайт. После этого общаться с платформой и править код становится в разы проще.

Реклама. ООО НЕТОЛОГИЯ, ИНН 7726464125, erid: LdtCKCxkP

Золотое правило

Если ваш сайт можно описать двумя-тремя предложениями — ИИ справится.

Если для описания нужно время и список требований на 10 страниц — понадобится программист.

Сколько времени и денег экономит ИИ

Сколько времени и денег экономит ИИ

Давайте посчитаем на реальных цифрах.

Пример 1: Визитка для мастера маникюра

Раньше (без ИИ):

• Заказ в веб-студии: 25 000₽
• Срок: 7–14 дней
• Правки: ещё неделя и 5 000₽

Сейчас (с ИИ):

• Стоимость: от $25/месяц (≈2 200–2 500₽) на платформе вроде Rocket
• Срок: 1–2 часа на первую версию
• Правки: вы вносите их сами через диалог с ИИ, в рамках месячного лимита кредитов

Экономия: около 25 000₽ за разовый проект и 1–2 недели времени.

Пример 2: Лендинг для фрилансера

Раньше (без ИИ):

• Заказ разработчику: 30 000₽
• Срок: 2–3 недели
• Доработка: 10 000₽

Сейчас (с ИИ):

• Стоимость: от $25/месяц
• Срок: 2–4 часа
• Правки: через ИИ в рамках лимита кредитов

Экономия: около 35 000₽ за один проект и 2–3 недели.

Пример 3: Портфолио для дизайнера

Раньше (без ИИ):

• Самостоятельно на Tilda: 10–20 часов работы
• Или заказ на фрилансе: 20 000₽

Сейчас (с ИИ):

• Время: 2–3 часа (включая загрузку работ и текстов)
• Стоимость: от $25/месяц

Экономия: 8–17 часов или около 18 000₽.

Как это влияет на доход фрилансера

Если вы фрилансер, который делает лендинги для клиентов, ИИ меняет экономику работы.
Главное — узкое место смещается: раньше это была вёрстка, теперь — поиск клиентов, брифинг и коммуникация.

Реалистичная оценка:

• Раньше один лендинг = 5–7 рабочих дней. В месяц можно было сделать 3–4 проекта.
• С ИИ один лендинг = 1–2 рабочих дня (из них на саму генерацию уходит 2–3 часа, остальное — общение с клиентом, правки, согласования). В месяц реально вытянуть 8–12 проектов, если есть стабильный поток заказов.

Это рост в 2–3 раза, а не в 10. Фактор кредитов тоже учитывайте: на тарифе $25/месяц хватает на 2–3 несложных проекта; для большего объёма нужен Rocket-тариф ($50/месяц) или Booster ($100/месяц), либо докупка кредитов.

💡 ИИ не превращает фрилансера в конвейер. Он убирает рутину вёрстки и оставляет вам то, что было ценным и раньше: понимание задачи клиента, продуманный текст, выбор правильной структуры. Скорость растёт, но «20 лендингов в месяц» — это не про реалии работы с живыми клиентами, а про идеальную электронную таблицу.

Что в итоге

ИИ-платформы экономят:

• Деньги — в разы дешевле веб-студии или фрилансера-разработчика
• Время — часы вместо недель
• Зависимость от подрядчиков — правки вы вносите сами

Но у этой экономии есть условия: подписка на платформу, лимиты на кредиты, а для сложных проектов — всё равно нужен разработчик. Это не «магия за 0₽», это «нормальный рабочий инструмент за разумные деньги».

---

Rocket vs другие инструменты: когда что использовать

Чтобы не путаться, вот простая шпаргалка:

Инструмент	Для чего подходит	Сложность	Нужен код?
Rocket	MVP, визитки, лендинги, прототипы	Низкая	Нет
Tilda	Лендинги из готовых блоков	Низкая	Нет
WordPress	Блоги, корпоративные сайты, магазины	Средняя	Частично
Webflow	Сложный дизайн с полным контролем	Высокая	Частично
Чистый код	Уникальные проекты	Очень высокая	Да

Когда использовать Rocket

• Нужно быстро
• Не умеете программировать
• Хотите сделать MVP
• Нужен простой сайт
• Хотите экспериментировать с идеями

Когда использовать Tilda

• Нужны красивые готовые блоки
• Важен визуальный редактор
• Планируете вести блог
• Нужна интеграция с платёжками и формами

Когда использовать WordPress

• Нужен блог или новостной сайт
• Планируете много контента
• Нужен интернет-магазин
• Важна SEO-оптимизация
• Хотите расширяемость плагинами

Комбинированный подход

Никто не мешает:

• Сделать прототип в Rocket
• Показать клиенту
• Если понравилось — перенести на WordPress для расширения

Или:

• Сделать MVP в Rocket
• Протестировать идею
• Если зашло — заказать полноценную разработку

ИИ — это стартовая точка, а не тупик.

---

Заключение

Искусственный интеллект не заменяет веб-разработчиков. Но он меняет правила игры.

Теперь фрилансер без навыков программирования может:

• Создавать сайты для клиентов
• Делать себе визитку или портфолио
• Тестировать бизнес-идеи
• Экономить десятки тысяч рублей

Главное, что даёт ИИ — это скорость и доступность.

Раньше порог входа в веб-разработку был высоким. Нужно было учить языки программирования, разбираться в хостинге, изучать фреймворки.

Сейчас достаточно уметь формулировать мысли.

Платформы вроде Rocket — это мост между идеей и реализацией. Вы говорите, что хотите, а технологии делают остальное.

Что дальше?

Шаг 1: Попробуйте бесплатный тариф Rocket или аналогичной платформы.

Шаг 2: Сделайте простой сайт для себя. Визитку. Портфолио. Страницу услуг.

Шаг 3: Покажите результат знакомым. Возможно, они захотят себе такой же.

Шаг 4: Начните принимать заказы. Или используйте сайт для продвижения своих услуг.

Шаг 5: Масштабируйте. Чем больше практики, тем лучше получается.

Помните: лучший момент начать — сейчас.
Не через месяц, когда «изучу все возможности».
Не через год, когда «научусь программировать».

А прямо сегодня. Потому что уже через час у вас может быть работающий сайт.

И кто знает, возможно, это станет началом вашей новой онлайн-профессии.

---

P.S. ИИ-платформы вроде Rocket — не волшебная палочка. Сайт всё равно нужно продумать: что показать клиенту, как сформулировать предложение, какие фото загрузить. Просто теперь между идеей и работающей страницей не стоит ни программист, ни две недели ожидания, ни 30 000 рублей.

Через год эти платформы будут уметь больше. Через три — возможно, сделают многое из того, для чего сегодня нужен разработчик. Но ждать «идеального момента» бессмысленно. Сделанный сегодня сайт-визитка работает лучше, чем идеальный, который вы запланировали на «когда-нибудь».

---

Что почитать и попробовать дальше

• Frontend-разработка: основы HTML, CSS и JavaScript — Нетология, бесплатно, 14 дней
• Как стать UX/UI-дизайнером: создаём первый сайт — Нетология, бесплатно, 7 дней
• Бесплатный мини-курс по веб-разработке с нуля — Skillbox, бесплатно

Эти курсы не нужны, чтобы сделать сайт в Rocket — там и без них всё получится. Они нужны, если после первого сайта вы захотите идти дальше: понимать, что вы делаете, общаться с разработчиками на одном языке или развивать свой проект самостоятельно.

Реклама. ООО НЕТОЛОГИЯ, ИНН 7726464125, erid: LdtCKCxkP. ЧУ ЧАСТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ДОПОЛНИТЕЛЬНОГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ ОБРАЗОВАТЕЛЬНЫЕ ТЕХНОЛОГИИ СКИЛБОКС (КОРОБКА НАВЫКОВ), ИНН 9704088880, erid: 2VfnxwisD9b

---