Як редагувати сайт, зроблений AI: адмінка Sanity і ще 5 CMS для сайту

AI навчився робити сайти дуже швидко: Claude, Lovable, v0 чи Cursor збирають гарний сайт за день. А потім власник бізнесу хоче змінити ціну, додати відгук чи замінити фото — і з’ясовується, що всі тексти зашиті в код. Кожна правка — це новий запит до AI або до програміста, ризик щось зламати й витрачений час.

Рішення — адмінка (CMS): окрема панель, де ви змінюєте тексти, картинки й ціни, як у конструкторі, а дизайн і код лишаються недоторканими. У цій статті поясню, як це працює, чому я обираю для своїх сайтів Sanity, скільки вона коштує, і дам готовий промпт: з ним Claude сам підключить адмінку до вашого сайту й перенесе туди весь контент.

Чому сайт від AI важко редагувати

Коли AI генерує сайт, він кладе тексти прямо в код компонентів: заголовок першого екрана, ціни, відгуки, відповіді на питання. Для відвідувача різниці немає. А от для власника це означає:

• Без коду нічого не змінити. Щоб виправити одну ціну, треба відкрити проєкт, знайти потрібний файл і перезапустити сайт.
• Кожна правка через AI — ризик. Попросили змінити текст, а AI заодно «покращив» верстку чи зламав мобільну версію.
• Залежність від однієї людини. Якщо сайт робив фрилансер, ви пишете йому через кожну кому — і чекаєте.
• Немає ролей і історії. Не можна дати менеджеру доступ лише до блогу чи повернути вчорашню версію тексту.

Що таке адмінка (CMS) простими словами

CMS (Content Management System, система керування контентом) — це панель, у якій ви редагуєте вміст сайту через звичайні форми: поле «Заголовок», поле «Ціна», кнопка «Завантажити фото». Класичний приклад — WordPress, де сайт і адмінка живуть разом.

Для сайтів, зроблених з AI, краще підходить headless CMS («без голови»): адмінка зберігає лише контент, а сайт забирає його й показує у своєму дизайні. Сайт лишається швидким і сучасним, а ви отримуєте зручну панель — без плагінів, оновлень і вразливостей WordPress.

Чому я обираю 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 сам створить адмінку, перенесе контент і підключить сторінки. Ваше завдання — підготувати доступи й перевірити результат.

1. Створіть акаунт на sanity.io (через Google — за хвилину) і новий проєкт. Скопіюйте його Project ID.
2. Відкрийте проєкт сайту в Claude Code (або Cursor) — у тій самій папці, де лежить код.
3. Підключіть MCP-сервер Sanity командою npx sanity@latest mcp configure — тоді Claude зможе працювати з вашим контентом напряму. Цей крок необов’язковий, але прискорює перенесення.
4. Дайте Claude промпт нижче й підставте свої дані в квадратних дужках.
5. Перевірте план, який запропонує Claude: які сторінки й поля будуть в адмінці. Додайте, що забули.
6. Перевірте результат: відкрийте /studio, змініть тестовий текст, опублікуйте — і подивіться, чи оновився сайт.
7. Опублікуйте сайт і додайте на хостингу змінні середовища, які назве 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, змінити текст, фото й ціну та опублікувати.

Працюй поетапно: після кожного етапу перевіряй, що сайт збирається й виглядає так само, як раніше.

Що ви отримаєте в результаті: сторінку /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. А з промптом вище перенесення займе не тижні, а години.