Урок 4.5 — Петля итерации: от черновика к готовому
Зачем: Первая версия никогда не финальная. Правильная петля итерации позволяет улучшать продукт быстро и не ломать то что уже работает.
Петля итерации
1. ЗАПУСТИ локально
npm run dev → открой localhost:3000
2. НАЙДИ одну проблему
Не пять — одну. Самую важную прямо сейчас.
3. СФОРМУЛИРУЙ точно
Что не так + что должно быть вместо этого
4. ОТДАЙ Claude Code
Одна задача = одно изменение
5. ПРОВЕРЬ в браузере
Работает? → git commit и переходи к следующей
Сломалось? → "Отмени последнее изменение"
6. ПОВТОРЯЙ
Пока не удовлетворён результатом
Приоритет правок
Всегда исправляй в таком порядке:
1. Сломано (ошибки в консоли, страница не открывается)
2. Структура неверная (блоки не там где должны быть)
3. Данные неверные (галлюцинации, неправильный контент)
4. Цвета и типографика
5. Анимации и мелкие детали
Никогда не занимайся анимацией пока есть ошибки.
Как откатиться если сломалось
# Посмотреть историю изменений:
git log --oneline
# Откатиться к последнему рабочему коммиту:
git revert HEAD
# Или сказать Claude Code:
"Последнее изменение сломало [что именно].
Верни как было до этого изменения."Когда считать что готово
Продукт готов когда:
✅ Нет ошибок в консоли браузера
✅ Все секции из SPEC присутствуют
✅ Данные реальные — нет галлюцинаций
✅ Открывается на мобильном нормально
✅ Задеплоено и доступно по ссылке
✅ CLAUDE.md обновлён с финальным статусом
Финал модуля 🚀
Ты знаешь как начать с дизайн-брифа, запустить локально, замечать галлюцинации, итерировать правильно и задеплоить живой сайт. Это полный цикл. Следующий шаг — Module 4 → где всё это применяется в командном проекте.