Кейс / ИИ-first сборка сайта

Как я собрал сайт с ИИ-агентами за одну ночь — не как красивую демку, а как рабочий контентный продукт

Этот кейс важен для меня не из-за формулировки «за одну ночь». Скорость сама по себе ничего не значит, если на выходе получается одноразовый экран. Здесь было важнее другое: собрать сайт так, чтобы он жил дальше как нормальная система — с понятной архитектурой, управляемой публикацией и реальным рабочим контуром.

Речь идёт именно про этот сайт — pimenov.ai, на котором расположен сам лендинг. Я держал продуктовую рамку и решения, один агент помогал с архитектурой и ревью, второй собирал код, конфигурацию и серверную механику. В результате мы получили не временный лендинг, а быстрый сайт на Astro, где Notion работает как CMS, GitHub держит дисциплину изменений, а VPS закрывает сборку и выпуск обновлений.

Команда

Я + 2 ИИ-агента

Не абстрактный чат, а связка ролей: product owner, архитектор/reviewer и builder-агент.

Стек

Astro + Notion + VPS

Быстрый статический слой, привычная CMS и нормальная серверная среда вместо конструктора.

Результат

Рабочий контур публикации

Контент, изображения, код и выпуск обновлений собраны в одну предсказуемую систему.

Исходная задача

Какой сайт мне был нужен на самом деле

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

Я не хотел возвращаться в тяжёлую веб-разработку ради простого контентного продукта

Мне нужен был личный сайт про ИИ, продукты и системную сборку, но без сценария, где ради этого снова появляется мини-студия, лишние созвоны и постоянная перегрузка по вниманию.

Я не хотел жить внутри конструктора и ручной админки

Мне важен был не только внешний вид, но и способ жизни сайта после запуска: чтобы контентом было удобно управлять, а обновления шли по логике системы, а не через постоянную ручную возню.

Подход

Почему здесь сработал не просто ИИ, а нормальное разделение ролей

Скорость пришла не из магии и не из промпта «сделай сайт». Она пришла из того, что у каждого участника была своя зона ответственности, а сама задача была сужена до реального полезного контура.

Я — product owner

Я задавал направление, держал продуктовый замысел, принимал ключевые решения и отсеивал всё, что усложняло систему без реальной пользы.

Шеф — архитектор и reviewer

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

Саркис — builder-агент

Он работал на VPS: собирал код, правил конфиги, проверял сборку, закрывал инфраструктурные детали и доводил техническую часть до рабочего результата.

Схема ролей в проекте: Сергей как product owner принимает решения, архитектор-агент держит архитектуру, а builder-агент собирает и публикует сайт

Архитектура

Из каких блоков состояла сборка

Суть кейса не в романтике «сайт появился за ночь», а в том, что у него сразу была инженерная логика: контент, код, изображения, сервер и публикация были связаны между собой, а не жили отдельными кусками.

Схема пути сайта от идеи до live: идея, решение, архитектура, код, сборка, проверка, CMS и публикация

Astro как базовый слой

Для контентного сайта нам нужен был быстрый статический фреймворк без лишнего runtime. Astro здесь был точным выбором под задачу, а не декоративным решением ради модного стека.

Notion как CMS

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

GitHub как слой дисциплины

Код, правки, история изменений и сборочный контур шли через нормальный репозиторный процесс, а не через хаотичные ручные действия прямо на сервере.

VPS как реальная среда

Мы собирали сайт сразу в тех условиях, где он должен жить дальше. За счёт этого технические ограничения и риски проявлялись сразу, а не после формального «готово».

Image pipeline

Изображения нельзя было оставлять временными ссылками и ручным хаосом. Поэтому мы собрали нормальный слой хранения, оптимизации и предсказуемой работы медиа по всему сайту.

Путь публикации

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

Процесс

Как это выглядело по шагам

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

  1. 1.
    Я зафиксировал задачу: нужен не просто красивый сайт, а быстрый контентный продукт с нормальной жизнью после запуска.
  2. 2.
    Мы сузили стек под задачу: Astro для фронта, Notion для CMS, GitHub для кода и VPS как реальную рабочую среду.
  3. 3.
    Мы разложили роли: я держу продукт, один агент держит архитектуру и ревью, второй собирает руками код и инфраструктуру.
  4. 4.
    Сборка шла сразу в реальности: структура страниц, контентные базы, медиа, конфиги, сборка и серверное поведение проверялись на живом техническом контуре.
  5. 5.
    Все слабые места всплывали сразу: где ломается публикация, где изображения ведут себя нестабильно, где нужно упрощать процесс, а не наращивать инструменты.
  6. 6.
    На выходе мы получили не одноразовый результат, а контур, который можно развивать дальше: новые страницы, статьи, визуалы и интеграции уже ложатся в понятную логику.

Техническая сила

Что делает этот кейс сильным не только как историю, но и как систему

Для меня важен не сам факт ночной сборки, а то, что результат не рассыпается при первом же продолжении работы. Именно это отличает рабочий продукт от красивого эксперимента.

Один связанный контур

Контент, код, медиа и публикация не были разорваны между разными логиками. За счёт этого сайт получился собранным не только визуально, но и операционно.

Проверка реальностью сразу

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

Не зависимость от одного инструмента

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

Основа для продолжения

После первой сборки не начинается новая ручная жизнь. Наоборот: появляется база, на которую дальше можно наслаивать контент, схемы, разделы, автоматизацию и новые сервисные контуры.

Практическая ценность

Почему этот кейс важен не только как история про мой сайт

Для меня главный результат здесь в том, что стал виден более общий принцип: маленькие и средние digital-системы можно собирать не классической студией и не вокруг абстрактного ИИ-бота, а через управляемую связку человека, ролей и интеграций под конкретный процесс.

Сайт — это только один частный случай

По той же логике можно собирать внутренние кабинеты, базы знаний, контентные системы, сервисные панели, маршруты обработки заявок и другие рабочие контуры, если у задачи есть ясная структура.

ИИ-агенты здесь выступают как рабочая сила

Один агент может держать архитектуру и ревью, второй — делать руками, а человек остаётся точкой смысла и финального решения. Это даёт ускорение без потери управляемости.

Возможны практически любые разумные интеграции

Notion, GitHub, VPS, Telegram, базы данных, CMS, CRM, внутренние панели — всё это можно собирать в один контур, если интеграции подчинены процессу, а не добавлены ради эффекта.

Главная польза — не скорость, а предсказуемость

Да, здесь было быстро. Но по-настоящему ценно другое: после первой сборки остаётся не хрупкий результат, а система, которую можно расширять и использовать в реальной работе.

Источник

Исходная статья с полным разбором

Если нужен полный рассказ про архитектурные выборы, ночные баги, сборку image pipeline, Notion как CMS и весь путь шаг за шагом, лучше открыть исходную статью, на которой основан этот кейс.

Кейсы

Связанные кейсы

Все кейсы

Хотите собрать такой контур под свою задачу, а не под чужой шаблон?

Я не начинаю с готового рецепта и не предлагаю всем одинаковую схему. Сначала смотрю, где у вас реально живёт контекст, как движется работа, кто принимает решения и какие интеграции действительно усиливают процесс. После этого мы собираем подходящий контур: с нужными ролями, стеком, маршрутом публикации, автоматизацией и той технической глубиной, которая оправдана именно вашей задачей.

© 2026 ИП Пименов Сергей Викторович
ИНН 616271176890
ОГРН 316619600255641