Видео этого урока скоро появится
Конспект урока доступен ниже
Каркас: проект на Next.js и первые экраны
Создашь проект и соберёшь каркас приложения: главная страница, навигация, заготовки будущих разделов. Настроишь CLAUDE.md с правилами проекта, чтобы агент писал код единообразно. Запустишь приложение локально и зафиксируешь первую версию в git.
Конспект урока
- 1
Создаём проект и сразу запускаем
Собери приложение Next.js в пустой папке и запусти локально до всякой доработки. Версии и способ установки смотри в актуальной документации, а не по памяти модели.
- 2
CLAUDE.md с первого дня
Пропиши стек, команды запуска, сборки и тестов, структуру папок и соглашения по именам. Дальше агент пишет единообразно, а не как получится в конкретной сессии.
- 3
Каркас страниц пустыми экранами
Главная, вход, кабинет, тарифы, служебные страницы с рабочей навигацией между ними. Наполнение приходит позже, структура должна быть видна сразу.
- 4
Общие компоненты одним набором
Кнопка, поле, карточка, шапка, подвал делаются один раз и переиспользуются. Иначе каждая новая страница обрастает своими вариантами кнопки.
- 5
Git до первой строки агента
Сделай git init и первый коммит прежде, чем агент что-то напишет. Тогда у любого его эксперимента есть точка возврата.
- 6
Проверяем сборку заранее
Собери проект локально той же командой, что будет на хостинге. Ошибка сборки, найденная сейчас, стоит минуту, а найденная при публикации час.
Практика
Собери каркас из пяти страниц с рабочей навигацией, напиши CLAUDE.md и сделай два коммита. Убедись, что проект собирается локально без ошибок и предупреждений.
Сделал? Отметь урок пройденным и переходи дальше