Return_to_Archive
история2026-02-212 мин

Как создать сайт меньше чем за час?

Идея пришла спонтанно. Хочу место где буду хранить всю свою историю - заметки, кейсы, вот это вот всё. Без сложной базы данных, без CMS, просто блог.

Окей.

Шаг 1. Идея и план — Claude Chat (~15 мин)

Первое что я сделал - не пошёл в конструктор, не открыл Figma. Открыл Claude.ai Chat. Просто поговорить. Описал в паре предложений что хочу, и мы раскрутили идею: кто читает, как статьи будут выглядеть, что это за штука вообще. Потом составили roadmap - с конкретным списком: шаги, стек инструментов, что от меня потребуется, что Claude без меня не сделает. Скачал два файла: PRD и Roadmap. На всё это - минут 15.

Шаг 2. Дизайн — Gemini 3.1 Pro (~10–15 мин)

Дальше - Gemini 3.1 Pro. Открыл 3-4 вкладки параллельно. В каждую закинул PRD и написал коротко: минималистично, дух вайбкодинга, без лишних элементов. Нажал во всех вкладках одновременно. Несколько итераций - нашёл прототип который зацепил. Ещё минут 10-15.

Вариант 1Вариант 1

Итого за ~30 минут: проработанная идея, roadmap на всю разработку, кликабельный прототип. Ахнул, если честно.

Шаг 3. Разработка и деплой — Claude Code (~30 мин)

Дальше - CLI Claude Code. Завёл новый проект. Закинул три файла: дизайн (просто скопировал код из Gemini), PRD, roadmap. Он всё прочитал, провели брейншторм - всё ли окей и нет ли каких-то противоречий. Потом roadmap разбили на итерации, одна итерация = одна сессия. Это сделано целенаправлено, чтобы я мог итеративно проверять на локалке. А также некоторые шаги были ручные, где требовалось что-то от меня. А отдельные сессии, чтобы не перегружать контекст.

Через минут 15 уже выкатили под бесплатным доменом. Потом Claude объяснил как купить домен и прикрутить к хостингу. Я шёл по его инструкции, что-то было непонятно - переспрашивал, скидывал скрины. Суммарно ещё где-то полчаса.

И сайт был в проде на моем домене.

Не идеальный - мелкие косяки были. В следующие пару часов поправлял. Но по факту: от идеи до живого сайта - час.

Зачем не конструктор?

Спросите, зачем вообще - если есть конструкторы, Tilda, Webflow?

Ну смотри. Tilda - это платно и больно. Чужая логика, чужие ограничения, в итоге всё равно не твоё. В 2024 году я делал сайты иначе: спрашивал GPT как писать HTML, копировал шаблоны, менял тексты. Потом GPT начал нормально помогать с кодом - уже лучше, но всё равно медленно и руками.

Скажете - у тебя Клод за $100. Ну. Думаю хватило бы и за $20: PRD с roadmap - на Opus, разработку - на Sonnet.

Сейчас это час. Дизайн в разы сильнее. Скорость в разы выше. И главное - мой сайт, не шаблон с чужой структурой.


Что дальше? Надо настроить SEO.

Да, я знаю. В блоге два поста. Тем не менее.

Стек

ИнструментРольЭтап
Claude Chat
Claude Chat
Идея / PRD / roadmapПланирование
Gemini 3.1 Pro
Gemini 3.1 Pro
Прототипирование дизайнаДизайн
Claude Code CLI
Claude Code CLI
РазработкаКодинг
GitHub
GitHub
Версионирование / CIДеплой
Cloudflare
Cloudflare
ДоменДеплой
Railway
Railway
ХостингДеплой