Как подключить CMS к сайту, созданному нейросетью

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

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

На встрече нашего группового менторства мы разбирали этот процесс на примере карточек и всплывающих окон. Из вопросов участников хорошо видно, где возникает путаница: что умеет CMS, зачем сайту фреймворк и где сохраняются изменения.

Что можно менять через CMS

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

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

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

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

Почему команды «подключи админку» недостаточно

AI-агент может помочь с интеграцией CMS, но ему нужно объяснить, какие части сайта должны стать редактируемыми.

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

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

Поэтому вместо общего запроса полезнее дать конкретный:

Добавь в карточку поле подробного описания с rich text редактором. Показывай его в попапе по клику. В админке должны редактироваться заголовки и списки. Проверь сохранение и отображение форматирования на сайте.

Пример из разбора: в карточке остаётся короткое описание, подробная информация открывается в попапе.

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

Как подключить CMS к готовому сайту

Удобно идти от повседневных задач владельца.

1. Составить список изменений. Что нужно обновлять без разработчика? На одном сайте достаточно текстов и фотографий, на другом нужны новости, карточки товаров, категории и черновики.

2. Подготовить структуру контента. Определить поля и связи между записями. Если врач работает в нескольких направлениях, это лучше учесть сразу. Иначе редактору придётся повторять одну и ту же информацию вручную.

3. Привести в порядок повторяющиеся элементы. Карточки, меню и футер должны использовать общие шаблоны или компоненты. Тогда новая запись будет выглядеть как остальные, а изменение шаблона распространится на весь раздел.

4. Выбрать CMS и место размещения. Проверить совместимость с сайтом и хостингом. Учесть, кто будет обслуживать систему и сколько будет стоить её работа.

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

6. Пройти сценарии редактора. Создать запись, изменить её, скрыть, снова опубликовать и проверить результат на телефоне. Затем передать владельцу доступ и инструкцию.

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

Зачем здесь Astro и GitHub

Astro помогает организовать код сайта: вынести повторяющиеся элементы в компоненты и собирать страницы из них. CMS при этом отвечает за контент. Эти инструменты могут работать вместе: сайт получает данные из CMS и выводит их в подготовленном дизайне. Такой способ подключения описан в документации Astro.

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

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

Есть и важная деталь: изменения в CMS не всегда появляются на сайте одинаковым способом. У статического сайта может потребоваться новая сборка. Если страницы получают данные при запросе, публикация устроена иначе. Режим работы выбирают при разработке; Astro поддерживает предварительную сборку и серверное формирование страниц. Подробнее об этом — в документации по рендерингу.

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

Как выбрать CMS и хостинг

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

До выбора системы нужно выяснить:

• Какие материалы и поля будут редактироваться?
• Нужны ли отдельные роли и согласование публикаций?
• Где будут храниться данные и загруженные файлы?
• Кто отвечает за обновления и резервные копии?
• Можно ли выгрузить контент при переходе на другую систему?

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

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

Можно ли управлять сайтом через Telegram и AI

Да, если разработать такую интеграцию. Например, бот может принимать новую цену и обновлять нужную позицию меню. А AI-панель в админке может помогать редактору с текстом.

Но у бота должны быть определённые полномочия. Изменение описания товара и удаление раздела требуют разного уровня доступа. Для важных действий полезны подтверждение и журнал изменений.

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

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

Что сохранять, чтобы не потерять сайт

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

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

Перед передачей сайта полезно пройти простой сценарий: создать новую карточку через CMS, сделать копию и убедиться, что карточка восстановилась вместе с фотографией.

Что даёт CMS для SEO

Сама установка CMS не обеспечивает позиции в поиске. Она помогает регулярно публиковать и обновлять материалы, если сайт подготовлен к этой работе.

Для статей и страниц можно предусмотреть редактирование title и description, понятные адреса и поля изображений. Техническую часть нужно настроить отдельно: проверить доступность страниц для индексации, заголовки, внутренние ссылки и правила для дублирующего контента. Базовые требования описаны в руководстве Google по SEO.

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

Когда нужна доработка сайта

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

В mayorov team мы разрабатываем сайты с помощью ИИ и подключаем инструменты для работы после запуска. Если у вас уже есть сайт, созданный в Claude или Codex, пришлите его на разбор. Посмотрим, как устроен проект и что потребуется для подключения CMS.