Автор решил заменить сайт на Тильде, который был неудобен в обновлении, и попробовал создать новый ресурс на базе Next.js с помощью AI-помощника Claude Code, не обладая навыками кодинга.

Основным инструментом стала Knowledge base — набор из нескольких markdown-файлов с описанием архитектуры, паттернов кода, деплоя, базы данных и других важных аспектов проекта. Такой подход позволил поддерживать контекст и последовательность при работе с Claude Code, избегая перегрузки нейросети при обрабатывании слишком большого объема информации в одном файле.

Был применён метод spec-driven development: каждая задача разбивалась на детальные спецификации, которые Claude Code согласовывал с автором, уточняя детали и предлагая план работы. Это обеспечило более контролируемый процесс, несмотря на отсутствие у автора технического опыта.

Разработка проходила через запуск сессий с Claude Code, передачу ему описаний задач и релевантных файлов базы знаний. Результат проверялся на локальном сервере, ошибки фиксировались через обратную связь с помощью скриншотов. Для автоматической проверки багов применялся MCP-сервер с Playwright, что частично облегчило выявление проблем.

Важно, что дизайн создавался по готовым компонентам из библиотеки shadcn, чтобы избежать некачественной генерации нейросетью и добиться аккуратного визуального стиля. Главная страница была сделана за один вечер, что значительно быстрее, чем при работе с подрядчиками.

Этот опыт показывает, что с грамотным планированием и использованием AI-инструментов можно самостоятельно создать современный сайт на Next.js, не обладая глубокими навыками программирования. Весь процесс требует серьёзной подготовки и дисциплины в описании требований, но даёт быстрый и качественный результат.

Подробнее о процессе можно прочитать в оригинальной статье здесь.