Как редактировать сайт, сделанный AI: админка Sanity и ещё 5 CMS для сайта
Сайт от Claude, Lovable или v0 готов за день — а как потом поменять текст, цену или фото без программиста? Рассказываю, что такое админка, почему я выбираю Sanity, сколько она стоит, и даю готовый промпт, с которым Claude сам перенесёт сайт в админку.
Содержание статьи
AI научился делать сайты очень быстро: Claude, Lovable, v0 или Cursor собирают красивый сайт за день. А потом владелец бизнеса хочет поменять цену, добавить отзыв или заменить фото — и выясняется, что все тексты зашиты в код. Каждая правка — это новый запрос к AI или к программисту, риск что-то сломать и потерянное время.
Решение — админка (CMS): отдельная панель, где вы меняете тексты, картинки и цены, как в конструкторе, а дизайн и код остаются нетронутыми. В этой статье объясню, как это работает, почему я выбираю для своих сайтов Sanity, сколько она стоит, и дам готовый промпт: с ним Claude сам подключит админку к вашему сайту и перенесёт туда весь контент.
Почему сайт от AI сложно редактировать
Когда AI генерирует сайт, он кладёт тексты прямо в код компонентов: заголовок первого экрана, цены, отзывы, ответы на вопросы. Для посетителя разницы нет. А вот для владельца это значит:
- Без кода ничего не поменять. Чтобы исправить одну цену, нужно открыть проект, найти нужный файл и перезапустить сайт.
- Каждая правка через AI — риск. Попросили поменять текст, а AI заодно «улучшил» вёрстку или сломал мобильную версию.
- Зависимость от одного человека. Если сайт делал фрилансер, вы пишете ему из-за каждой запятой — и ждёте.
- Нет ролей и истории. Нельзя дать менеджеру доступ только к блогу или вернуть вчерашнюю версию текста.
Сайт от AI без админки и с админкой
- Тексты в коде!!!!!!!!Смена цены — запрос к AI или программистуРиск сломать вёрсткуНет ролей и истории изменений
- Тексты в админкеМеняете сами в форме, как в конструктореДизайн и код не трогаетеДоступы для команды и история версий
Что такое админка (CMS) простыми словами
CMS (Content Management System, система управления контентом) — это панель, в которой вы редактируете содержимое сайта через обычные формы: поле «Заголовок», поле «Цена», кнопка «Загрузить фото». Классический пример — WordPress, где сайт и админка живут вместе.
Для сайтов, сделанных с AI, лучше подходит headless CMS («без головы»): админка хранит только контент, а сайт забирает его и показывает в своём дизайне. Сайт остаётся быстрым и современным, а вы получаете удобную панель — без плагинов, обновлений и уязвимостей WordPress.
Как работает headless CMS
- Вы меняете текст, фото или цену и нажимаете «Опубликовать»Админка
- Хранится в облаке CMS отдельно от дизайнаКонтент
- Сам подтягивает новый контент — дизайн не меняетсяСайт
Вы редактируете → сайт обновляется сам
Почему я выбираю Sanity
Я пробовал разные CMS, и для сайтов бизнеса на Next.js (именно на нём чаще всего делают сайты Claude, v0 или Cursor) остановился на Sanity. Вот почему:
- Админка на вашем домене. Sanity Studio встраивается прямо в сайт по адресу вроде vashsait.com/studio — отдельно ничего устанавливать не нужно.
- Удобно для нетехнических людей. Поля с понятными названиями и подсказками, перетаскивание блоков, загрузка фото с выбором фокуса (лицо не обрежется на мобильном).
- Редактирование прямо на странице. Режим Visual Editing показывает живой сайт: кликаете по тексту — и сразу редактируете именно его.
- Вход через Google или GitHub, роли для команды, история изменений и совместная работа в реальном времени.
- Дружит с AI. У Sanity есть официальный MCP-сервер: Claude может читать и обновлять контент сайта по вашему запросу, а встроенный AI Assist помогает с текстами и переводами.
- Бесплатный тариф, которого реально хватает — подробности ниже.
Сколько стоит Sanity
Для сайта услуг, лендинга или небольшого блога это значит $0 в месяц годами. Платить стоит, только когда появляется большая команда редакторов или нужны приватные данные. Важный нюанс: на бесплатном тарифе данные публичные — это нормально для текстов сайта, которые и так видит каждый посетитель, но пароли, заявки клиентов или личные данные в Sanity хранить нельзя.
Как перенести сайт от AI в Sanity: пошагово
Самое приятное: переносить тексты вручную не нужно. Если сайт сделан в Claude Code или Cursor, AI сам создаст админку, перенесёт контент и подключит страницы. Ваша задача — подготовить доступы и проверить результат.
- Создайте аккаунт на sanity.io (через Google — за минуту) и новый проект. Скопируйте его Project ID.
- Откройте проект сайта в Claude Code (или Cursor) — в той же папке, где лежит код.
- Подключите MCP-сервер Sanity командой npx sanity@latest mcp configure — тогда Claude сможет работать с вашим контентом напрямую. Шаг необязательный, но ускоряет перенос.
- Дайте Claude промпт ниже и подставьте свои данные в квадратных скобках.
- Проверьте план, который предложит Claude: какие страницы и поля будут в админке. Добавьте, что забыли.
- Проверьте результат: откройте /studio, поменяйте тестовый текст, опубликуйте — и посмотрите, обновился ли сайт.
- Опубликуйте сайт и добавьте на хостинге переменные окружения, которые назовёт Claude.
Ты — senior-разработчик Next.js. В этом проекте сайт, в котором все тексты и картинки зашиты в код. Подключи к нему админку Sanity, чтобы владелец мог сам менять контент без программиста. Данные: - Sanity Project ID: [ваш projectId], датасет: production - Языки сайта: [русский / несколько языков — перечислите] - Что владелец должен редактировать: [тексты всех блоков, цены, услуги, отзывы, примеры работ, FAQ, контакты, фото, блог] Что сделать: 1. Проанализируй проект и составь список всех страниц и блоков с контентом. Сначала покажи мне план схем Sanity — код пиши после моего подтверждения. 2. Создай схемы с понятными названиями полей на русском, подсказками (description) и валидацией: обязательные поля, лимиты длины заголовков, alt для каждого изображения. 3. Встрой Sanity Studio в сайт по адресу /studio (пакет next-sanity). 4. Перенеси весь текущий контент в Sanity скриптом миграции — ничего не набирай вручную. Картинки загрузи в Sanity с hotspot и alt. 5. Замени захардкоженные тексты на данные из Sanity (GROQ-запросы). Дизайн, вёрстку и SEO-теги не меняй. 6. Настрой обновление: после «Опубликовать» в Studio изменения появляются на сайте (вебхук на ревалидацию). 7. Добавь Visual Editing (Presentation), чтобы редактировать, кликая по тексту на странице. 8. Токены вынеси в переменные окружения и не коммить их. Напиши, какие переменные добавить на хостинге. 9. В конце составь короткую инструкцию для владельца: как войти в /studio, поменять текст, фото и цену и опубликовать. Работай поэтапно: после каждого этапа проверяй, что сайт собирается и выглядит так же, как раньше.
Подставьте свои данные в [квадратных скобках]. Если сайт большой, просите Claude переносить его частями: сначала главная, потом услуги, потом блог.
Что вы получите в результате: страницу /studio на своём домене, где есть разделы «Главная», «Услуги», «Отзывы», «Блог» и так далее. Поменяли цену, нажали «Опубликовать» — и через несколько секунд новая цена на сайте. Дизайн при этом сломать невозможно: в админке есть только поля с контентом.
Другие админки для сайта: подборка
Sanity — не единственный вариант. Вот CMS, которые хорошо сочетаются с сайтами от AI, и когда каждая из них уместна:
Цены и лимиты платформ меняются, поэтому перед выбором проверьте актуальный тариф на сайте CMS. Список выше — для сайтов на современном стеке; если ваш сайт сделан в конструкторе вроде Tilda или Wix, админка там уже встроена.
Как выбрать админку для своего сайта
- Редактировать будете вы или менеджер без технических навыков — берите Sanity или Storyblok: самые удобные редакторы.
- Нужно, чтобы всё было на вашем сервере — Payload или Strapi.
- Небольшой блог или документация, а редактирует разработчик — TinaCMS или Decap CMS.
- Сайт на нескольких языках — у Sanity, Payload и Storyblok удобная работа с переводами.
- Бюджет ноль — бесплатного тарифа Sanity хватает большинству сайтов услуг, а Payload и Decap бесплатны полностью.
Типичные ошибки при подключении админки
- Перенесли не всё. Часть текстов (футер, кнопки, SEO-заголовки) осталась в коде — и редактировать их снова можно только через программиста. Попросите Claude показать список всего, что осталось захардкоженным.
- Забыли про обновление сайта. Опубликовали изменения в админке, а на сайте старый текст. Нужен вебхук на ревалидацию — он есть в промпте выше.
- Токены попали в репозиторий. Ключи доступа должны жить только в переменных окружения на хостинге.
- Нет подсказок в полях. Через полгода никто не помнит, сколько символов помещается в заголовок. Подсказки и лимиты длины лучше добавить сразу.
- Аккаунт CMS оформлен на разработчика. Как и с доменом: владельцем проекта Sanity должны быть вы, а разработчик — лишь приглашённым пользователем.
Итог
Сайт, сделанный AI, не обязан быть «чёрным ящиком». Подключите headless CMS — и сможете менять тексты, цены и фото так же легко, как в конструкторе, сохранив скорость и дизайн современного сайта. Для большинства бизнесов лучший старт — Sanity: бесплатно, удобно и с официальной поддержкой Claude. А с промптом выше перенос займёт не недели, а часы.
