Что такое headless CMS и почему это важно
От монолитной CMS — к headless-архитектуре
Headless CMS (Content Management System) — это архитектура, при которой:
- Контент хранится в базе данных и отдаётся через API (REST или GraphQL).
- Представление (фронтенд) строится отдельно — на любом стеке: Nuxt, Next.js, SvelteKit, мобильное приложение.
В отличие от монолитной CMS (WordPress, 1С-Битрикс), где админка и фронт крепко связаны, headless даёт полное разделение двух слоёв.
Аналогия: монолитная CMS — это ресторан, где кухня и зал в одном здании. Headless — это кухня (контент), которая может одновременно обслуживать сайт, мобильное приложение, чат-бот, голосового ассистента.
Проблемы монолитных CMS на масштабе
К 2026 году бизнес-задачи усложнились настолько, что классические монолитные CMS начали давать трещины:
1. Производительность
WordPress на дешёвом хостинге со средним числом плагинов выдаёт страницы за 3-5 секунд. Битрикс часто требует мощный сервер от 30 000 ₽/мес и всё равно медленный без агрессивной оптимизации.
2. Безопасность
Уязвимости в плагинах WordPress — главный источник взломов. По данным Sucuri, более 90% взломов CMS-сайтов связаны с устаревшими плагинами или ядром.
3. Сложность кастомизации
В WordPress сделать что-то нестандартное часто означает «писать собственный плагин с нуля» или «костылить на готовых». Это медленно и хрупко.
4. Масштабируемость
При 1000+ страниц и серьёзном трафике классические CMS требуют сложной архитектуры с reverse-proxy, кеш-серверами, балансировщиками. Это дорого и сложно поддерживать.
5. Ограничения шаблонизаторов
PHP-шаблоны WordPress, BX-шаблоны Битрикса — устаревшие технологии в эпоху React/Vue/Svelte. Современные UX-возможности на них реализуются с трудом.
Что даёт headless CMS
1. Скорость
При правильной архитектуре (Strapi + ISR на Nuxt/Next) страницы загружаются за 300-800 мс. PageSpeed 95-100 — норма из коробки.
2. Безопасность
Backend (Strapi) недоступен из публичного интернета напрямую — между ним и пользователем стоит фронтенд-сервер. Атакующая поверхность сокращается в разы.
3. Гибкость
Разработчики используют любой современный фреймворк. Дизайнер не ограничен темой WordPress. Возможна реализация любого UX.
4. Многоканальность
Один Strapi может одновременно отдавать контент в:
- Главный сайт.
- Мобильное приложение iOS/Android.
- Чат-бот в Telegram/WhatsApp.
- Голосового ассистента.
- Партнёрские витрины.
5. Масштабируемость
Strapi на правильной инфраструктуре спокойно держит миллионы запросов в день при умеренных серверных мощностях. Кеширование на уровне фронта (ISR, CDN) снимает основную нагрузку.
Strapi 5 — лидер open-source headless
Почему именно Strapi
Strapi — это open-source headless CMS на Node.js, которая запустилась в 2017 году и к 2026 имеет:
- 60 000+ звёзд на GitHub.
- 1500+ модулей в экосистеме.
- Большое русскоязычное сообщество.
- Возможность self-hosting — данные у вас на сервере.
Что нового в Strapi 5
Версия 5 (релиз 2024) принесла:
- Document Service API — новая модель работы с контентом.
- Улучшенная админ-панель на современном стеке (React 18).
- Draft & Publish из коробки — нормальный workflow для контент-менеджеров.
- Улучшенный i18n — мультиязычность без боли.
- TypeScript-first — типы из коробки для всего API.
Стек, который мы используем в Primo Agency
- Backend: Strapi 5 + PostgreSQL 16.
- Frontend: Nuxt 3 (Vue 3) с ISR.
- Хостинг: VPS в РФ + Cloudflare CDN.
- Деплой: Docker + GitHub Actions.
Подробнее о наших разработках →
Реальный кейс: миграция WordPress → Strapi
API-first подход: один источник контента — много каналов
Исходная ситуация
Клиент — производитель оборудования, B2B-сайт на WordPress:
- 540 страниц (продукция, кейсы, новости, блог).
- 70-100 заявок в месяц.
- 25 000 уникальных посетителей в месяц.
- WordPress + WooCommerce + 27 плагинов.
- PageSpeed Mobile: 38, Desktop: 65.
- Время загрузки 3,2 секунды.
- Регулярные взломы (3 за год) из-за уязвимостей плагинов.
Процесс миграции (4 месяца)
Месяц 1: проектирование и Strapi
- Описание контент-моделей (Product, Case, Article, FAQ, Page).
- Настройка Strapi 5 + PostgreSQL.
- Создание импортёров из WordPress XML / WP REST API.
- Перенос медиафайлов в S3-совместимое хранилище.
Месяц 2: фронтенд на Nuxt 3
- Дизайн-система на основе Tailwind CSS.
- Компонентная библиотека (40+ компонентов).
- Подключение к Strapi через GraphQL.
- ISR для всех страниц с регенерацией каждые 60 минут.
Месяц 3: миграция и SEO
- Импорт всего контента (8 заходов с проверками).
- Настройка 540 редиректов 1:1 со старых URL.
- Перенос Schema.org, метаданных, sitemap.xml.
- Подключение @nuxtjs/seo с автоматизацией.
Месяц 4: тестирование и запуск
- Параллельный запуск (новый сайт на staging-домене).
- A/B-тестирование на 10% трафика.
- Финальный rollout с DNS-переключением.
- Мониторинг Search Console первые 4 недели.
Результаты после миграции
| Метрика | До (WordPress) | После (Strapi + Nuxt) | Δ | |---|---|---|---| | PageSpeed Mobile | 38 | 91 | +53 | | PageSpeed Desktop | 65 | 98 | +33 | | LCP | 3,4 с | 0,9 с | -2,5 с | | Время загрузки | 3,2 с | 0,7 с | -2,5 с | | Конверсия | 1,8% | 2,9% | +61% | | Заявки/мес | 70-100 | 130-180 | +75% | | Стоимость хостинга/мес | 8 500 ₽ | 4 200 ₽ | -50% | | Взломов за 8 мес | 3 | 0 | -100% |
Окупаемость миграции — около 5 месяцев только за счёт прироста заявок при том же трафике.
Когда headless НЕ нужен
Headless — мощный инструмент, но не серебряная пуля. Не стоит мигрировать ради хайпа.
Случаи, когда WordPress / Битрикс лучше
- Маленький сайт (до 30 страниц) с редкими обновлениями — WordPress будет проще и дешевле.
- Слабая команда разработчиков — headless требует более сильную команду, поддержка обходится дороже.
- Стандартная типовая задача (например, базовый блог) — за готовой темой WordPress проще.
- Бюджет до 300 000 ₽ на разработку — headless обычно начинается от 600-800 тыс.
- Краткосрочный проект (до 1 года) — не успеет окупиться.
- Нет требований к производительности — если 3 секунды загрузки устраивают, экономия не оправдана.
Случаи, когда headless оправдан
- Сайт от 100 страниц с регулярными обновлениями.
- Высокий трафик (от 30 000 пользователей в месяц).
- Требования к скорости (Core Web Vitals в зелёной зоне).
- Сложный кастом — стандартные CMS не справляются.
- Многоканальность — сайт + приложение + другие каналы.
- Долгосрочный горизонт — 5+ лет развития проекта.
Альтернативы Strapi
Sanity
- Облачный сервис (не self-hosted).
- Studio как code-first интерфейс.
- Дороже на масштабе.
Contentful
- Корпоративная платформа (enterprise).
- Дорого, но надёжно.
- Плохо с российскими картами.
Directus
- Open-source как Strapi, но больше фокус на data-driven приложения.
- SQL-first подход.
Payload CMS
- Open-source альтернатива в TypeScript.
- Растущее сообщество.
- Чуть «сырее» чем Strapi.
Storyblok
- Visual editor.
- Хорош для маркетинговых сайтов.
- Платный сервис.
Для российского рынка с требованием self-hosting и работой с PostgreSQL мы выбираем Strapi 5 как самый зрелый и универсальный вариант.
Стоимость и окупаемость
Разработка
- Простой headless-сайт на Strapi + Nuxt — от 600 000 ₽.
- Корпоративный сайт со сложной структурой — 1-3 млн ₽.
- E-commerce на headless — от 2 млн ₽.
Поддержка
Нужны 2 разработчика на парт-тайм:
- Backend (Strapi, БД) — 20-40 ч/мес.
- Frontend (Nuxt/Next) — 30-60 ч/мес.
Среднее: 60-100 тыс. ₽/мес на поддержку среднего проекта.
Инфраструктура
- VPS для Strapi (4-8 GB RAM): 2-5 тыс. ₽/мес.
- VPS для фронта или serverless: 2-7 тыс. ₽/мес.
- PostgreSQL managed: 2-4 тыс. ₽/мес.
- CDN (Cloudflare): 0-3 тыс. ₽/мес.
- S3-хранилище: 500-2000 ₽/мес.
Итого инфраструктура: 8-20 тыс. ₽/мес для среднего проекта.
Заключение: headless — это инвестиция
Headless CMS — это более дорогая, но более окупаемая архитектура для серьёзных проектов. Главные выгоды:
- Скорость — Core Web Vitals в зелёной зоне без героических усилий.
- Безопасность — закрытый backend сложнее взломать.
- Гибкость — никаких ограничений на дизайн и UX.
- Масштабируемость — растёт вместе с бизнесом.
Если вы планируете долгий горизонт развития проекта и не хотите бороться с ограничениями WordPress или Битрикса — headless оправдан. Если у вас простой сайт с редкими обновлениями — лучше остаться на классической CMS.
В Primo Agency мы делаем headless-сайты на Strapi + Nuxt 3 как основной стек. Это наша экспертная зона — от 80 проектов в год. Обсудить ваш проект →.
