О чём эта статья
Astro и Directus можно использовать для MVP, где нужны быстрые страницы и управляемый контент. Astro отвечает за представление сайта, Directus — за данные и редакторский интерфейс. AI-помощник ускоряет отдельные этапы работы, но сроки проекта зависят от требований, интеграций и проверки результата.
Когда подходит такая архитектура
Сочетание удобно для каталога, корпоративного сайта, блога и контентного продукта. Редакторы управляют записями в CMS, а фронтенд выводит их по заранее определённой структуре.
Для сложного личного кабинета и множества взаимосвязанных состояний архитектуру нужно оценивать отдельно. Не каждую задачу стоит решать статическими страницами.
Как разделить ответственность
В Astro интерактивные компоненты можно подключать как острова. Форме или фильтру нужен клиентский код, а текстам, навигации и SEO обычно достаточно базового слоя страниц.
В Directus сначала проектируют коллекции, поля и отношения. Документация по коллекциям помогает сверить модель данных. Названия полей и подсказки должны быть понятны редактору.
Серверные ключи CMS остаются в серверном адаптере. Компоненты получают готовые данные и не знают устройство API.
Как использовать Claude в работе
Я начинаю с требований и схемы: какие записи нужны, какие страницы их показывают и как редактор обновляет содержание. Затем AI-помощник используется для ограниченных задач — подготовки компонента, разбора ошибки или проверки связей.
После каждого изменения проверяются код, сборка и соответствие исходной структуре. Сгенерированная страница не считается готовой только потому, что открылась один раз.
Минимальный план MVP
- Выбрать один пользовательский сценарий.
- Спроектировать данные и права редактора.
- Создать серверный слой получения данных.
- Сверстать страницы и необходимые острова.
- Добавить метаданные, понятные ошибки и пустые состояния.
- Проверить мобильный экран, формы и публикацию контента.
Если страницы собираются заранее, изменение CMS должно сопровождаться пересборкой и выкладкой. При серверном выводе дополнительно проверяют время ответа и поведение при недоступности CMS.
Частые вопросы
Реально ли сделать MVP за один-два дня?
Иногда можно подготовить узкий прототип. Это не универсальный срок для рабочего продукта с интеграциями и приёмкой.
Нужен ли React для всех страниц?
Нет. Его полезно подключать там, где нужен интерактив.
Что делать после прототипа?
Проверить сценарий с пользователями и спланировать следующий этап. Обсудить реализацию можно через разработку MVP; вопросы качества AI-кода разобраны в статье о vibe coding.
