Собираем сайт-портфолио
Собираем сайт-портфолио

Первая часть курса закончилась. Наш бот работает 24/7 на сервере, сам перезапускается при падении и обновляется от каждого пуша в GitHub. Вы освоили Cursor и Claude Code, научились работать через Plan mode, сохранять проект в Git и писать понятные промпты. Этого набора хватит, чтобы собрать почти любой небольшой продукт.

Содержание

  • Что соберем за эту часть
  • Новый проект — новая папка
  • Просим агента собрать сайт
  • Включаем автозапуск
  • Сохраняем проект на GitHub
  • Создаем описание проекта для будущих чатов
  • Что дальше

Во второй части пойдут темы посерьезнее. Будем продумывать архитектуру проекта, учиться описывать поведение словами еще до написания кода, страховаться автоматическими тестами. В общем, снимать с себя рутину везде, где это возможно. Чтобы не замыкаться на одном боте, возьмем второй пример — сайт-портфолио. Принципы вайбкодинга те же. Просто на другом продукте будет виднее, какие из них работают везде одинаково. Бот никуда не денется: все, что разберем дальше, применимо и к нему.

Что соберем за эту часть

Сайт-портфолио с шапкой с именем, блоком «обо мне», разделом «проекты» с карточками и формой обратной связи. На нем разберем архитектуру, спецификацию, тесты, логирование, скиллы, суб-агентов и MCP. К концу второй части у вас будет работающий сайт и понимание, как вайб-кодить любой продукт.

Новый проект — новая папка

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

🔒

Этот материал доступен участникам Клуба. Войдите или оформите доступ, чтобы читать целиком, открывать видео и комментировать.

Войти Вступить / купить доступ