Как создать сайт меньше чем за час?
Идея пришла спонтанно. Хочу место где буду хранить всю свою историю - заметки, кейсы, вот это вот всё. Без сложной базы данных, без 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
Итого за ~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.
Да, я знаю. В блоге два поста. Тем не менее.
Стек
| Инструмент | Роль | Этап |
|---|---|---|
| Идея / PRD / roadmap | Планирование | |
| Прототипирование дизайна | Дизайн | |
| Разработка | Кодинг | |
| Версионирование / CI | Деплой | |
| Домен | Деплой | |
| Хостинг | Деплой |