Рейтинг: «Лучшие Headless CMS»

Headless CMS - что это?

Headless CMS (термин «без головы» здесь подразумевает работу «без frontend’а») – это такая система управления контентом, которая обеспечивает одинаково качественную работу с разными типами интерфейсов (фронтэндами или «головами») вне зависимости от того, на какие экраны или на какие типы платформ они рассчитаны, и сколько их (свойство омниканальности).

Связь разных «голов» и «тела» (бэкенда) обеспечивается за счёт API и микросервисов. При этом сама CMS-система может работать в облаке или на собственном сервере клиента. У каждого подхода свои преимущества и недостатки.

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

В случае с self-hosted решениями вы получаете полный контроль над содержимым, но вместе с этим теряете преимущества готовой платформы, часто с официальным SLA (соглашением о доступности).

Между классическими CMS и Headless CMS очень тонкая грань. Никто не мешает добавить API к существующей системе и управлять другими frontend’ами. Но Headless CMS изначально проектируются по-другому, поэтому выигрывают по производительности и удобству.

 

Лучшие Headless CMS – ТОП 10

 

1. Strapi – самая популярная в среде разработчиков, 100% JavaScript

Strapi — это одна из самых востребованных Headless CMS в мире. Имеет открытый код и масштабное сложившееся сообщество, несмотря на относительно небольшой срок существования (с 2015 года). Устанавливается на сервер владельца, поэтому никаких проблем с конфиденциальностью и доступом к данным третьих лиц нет.

Фреймворк написан на JavaScript, легко интегрируется с любыми типами интерфейсов – от мобильных приложений до IoT-устройств. Поддерживаются популярные API: одновременно RESTful и GraphQL. Админ-панель имеет удобный и современный интерфейс, легко настраивается под требования клиента, функционал может расширяться плагинами.

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

Плюсы

Минусы

Стоимость

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

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

Стоимость подписок для работы Strapi в оригинальном облаке – от 29 до 499 $/месяц. Подписки отличаются лимитами по запросам и количеством рабочих мест (+объёмом хранилища и потреблением трафика). Дополнительные места операторов можно докупить во всех тарифах – по 15 $/месяц за каждое. Есть возможность расширения и остальных лимитов.

 

2. Sanity – лучшая облачная платформа корпоративного уровня

Sanity — это серьёзный продукт корпоративного уровня с размещением в облачной инфраструктуре (SaaS). Его используют в таких крупных компаниях, как Figma, Nike, Netlify и т.д. CMS написана на React, она легко интегрируется с любыми типами интерфейсов и отлично масштабируется.

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

Разработчики Sanity отошли от представления контента в качестве HTML-структур, это такие же данные, как и остальные в информационной системе. Их можно передавать, запрашивать по API, менять и т.д.

Плюсы

Минусы

Стоимость

Подписка Free (от 0 USD/месяц) включает 20 рабочих мест, 2 набора данных, только 2 роли, 100 Гб для файлов, пропускная способность – до 100 Гб/месяц. Количество запросов к API – до 250 тыс.

Growth (от 15 USD/месяц за пользователя) –до 50-ти рабочих мест, 5 разных ролей, 2 набора данных (каждый новый по 999 $). Остальные лимиты сходи с бесплатным тарифом, но их можно расширять за доплату.

ENTERPRISE (стоимость подписки определяется индивидуально) открывает доступ к специфическим функциям платформы и многократно увеличивает лимиты.

 

3. Agility CMS – самая гибкая облачная Headless CMS

Agility CMS — это один из старейших игроков рынка, компанию-разработчика можно смело отнести к родоначальникам направления Headless. Проект вырос из канадского стартапа, основанного в 2002 г. Разработка CMS заняла более 2 лет, первый релиз был представлен только в 2005 г. В 2018 году было принято решение полностью переориентироваться на облачную платформу.

Agility с англ. – «ловкость». Система действительно «ловкая», так как умеет работать с любыми языками программирования, легко интегрируется с популярными фреймворками и имеет хорошо документированный API.

Ранее присутствовал полностью бесплатный тариф. Сейчас CMS отошла от фримиума и предлагает только платный доступ к своему оригинальному облаку.

Плюсы

Минусы

Стоимость

Триал – 15 дней.

Платные подписки:

• Starter – от 1249 USD/месяц. Тариф включает доступ для 10 пользователей. В базе данных может храниться до 50 тыс. записей.
• Pro – от 2499 USD/месяц. 25 пользователей, 250 тыс. записей в базе, 5 Тб на диске.
• Enterprise – цены озвучиваются индивидуально, 50 пользователей, свыше 500 тыс. записей в базе, 20 ТБ на диске.

 

4. Ghost – признанный лидер среди других open-source проектов

Ghost — это профессиональная издательская платформа с открытым исходным кодом, построенная на современном стеке технологий Node.js и предназначенная в первую очередь для команд разработчиков, которым нужны мощность, гибкость и производительность. На этой CMS уже работают несколько десятков тысяч сайтов.

По своей сути Ghost – это самопотребляющий RESTful JSON API с независимым интерфейсом администратора и внешним программным интерфейсом. Здесь богатый по функционалу текстовый редактор, а содержимое хранится в формате, основанном на JSON (MobileDoc).

Как и в случае с конкурентами, у Ghost есть оригинальное облако, Ghost (Pro), со своими тарифами на подписки и с выделенной техподдержкой.

Плюсы

Минусы

Стоимость

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

Оригинальное облако Ghost PRO обойдётся от 9 USD/месяц, что вполне неплохо на фоне конкурентов. Но к начальному тарифу можно подключить всего 1 рабочее место редактора, общее количество пользователей сайта должно быть не более 500 чел.

Другие тарифы с расширением лимитов – от 25 до 199 USD/месяц (от 1000 до 10 000 пользователей).

 

5. Netlify CMS – номер 3 из лучших JAMstack-решений

Netlify — это комплексная композитная SaaS-платформа, включающая в себя сразу 3 продукта: Netlify Core (ядро, обрабатывает запросы и хранит контент), Netlify Connect (слой, обеспечивающий обмен данными с внешними источниками и приложениями), Netlify Create (конструктор контента и макетов страниц).

Ранее существовала автономная Headless CMS-система для генераторов статических сайтов – Netlify CMS, она выпускалась под лицензией MIT («как есть», без каких-либо гарантий, но с открытым кодом). Сейчас от Netlify CMS разработчики отказались, сконцентрировав свои усилия на своей облачной платформе.

Плюсы

Минусы

Стоимость

Подписки на оригинальное облако Netlify:

• Starter – от 0 USD/месяц (предусмотрена оплата за повышение лимитов и за отдельные функции), возможности подходят разве что для фан-проектов.
• PRO – от 19 USD/месяц за каждого пользователя. Повышаются некоторые лимиты, можно рассчитывать на техподдержку по email.
• Enterprise – индивидуальные цены. Полный функционал платформы, круглосуточная техподдержка и максимальное значение SLA.

Триал-период для Pro-тарифа – 14 дней.

 

6. Directus – web-приложение для прямой работы с базами данных

Directus — это не совсем Headless CMS, это скорее продвинутый инструмент для работы с существующими базами данных сайтов или для создания своих уникальных структур, которые можно использовать в проектах любого типа (в мобильных приложениях, в корпоративных системах, на сайтах и т.д.). Удобный редактор текстов и омниканальность здесь – это своего рода дополнительная опция. Но она как нельзя лучше вписывается в концепцию JAMstack.

Основная особенность Directus в том, что на выходе вы получаете классические базы данных, к которым никогда не потеряете доступ и не столкнётесь с их «нечитаемостью». За время своей работы Directus разросся. Сейчас это комплекс из нескольких компонентов: редактор контента, фильтры и базы данных для работы с контактами, файловое хранилище, аналитика, система автоматизации и система авторизации (распределения прав доступа).

Продукт можно развернут на своём хостинге, но для этого нужно приобрести лицензию.

Плюсы

Минусы

Стоимость

Облачные тарифы начинаются от 99 USD/месяц за проект. Корпоративное облако оценивается индивидуально.

Триал для Pro-подписки – 14 дней.

Коробочная лицензия (для своего сервера) запрашивается индивидуально. Оплата точно потребуется для производственных предприятий и для бизнеса с объёмом активов свыше 5 млн. USD.

 

7. TinaCMS – удобный инструмент централизованного управления контентом React-сайтов

TinaCMS — это минималистичный набор инструментов для визуального редактирования вашего сайта или мобильного интерфейса, созданного с помощью библиотеки React (или, например, с помощью популярных JavaScript конструкторов: Next.js, Gatsby и т.п.). TinaCMS обеспечивает контекстное и интуитивно понятное редактирование без ущерба для качества кода, поэтому идеально подходит для применения в небольших командах и для индивидуальной разработки.

TinaCMS устанавливается как плагин к выбранному конструктору (yarn add gatsby-plugin-tinacms …). Хотя к самой CMS вы тоже можете добавить расширения, они будут дополнять возможности управления элементами интерфейса: поля, формы, виджеты и т.п.

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

Плюсы

Минусы

Стоимость

Использование TinaCMS на вашем сервере полностью бесплатное. Система подходит для работы как с открытыми GitHub-репозиториями, так и с приватными.

Оригинальное облако – от 0 USD/месяц. Для 2 пользователей.

Подписка для небольших команд – 99 USD/месяц (в стартовую цену входит 3 пользователя, можно подключить ещё 7 человек по 9 USD за каждого).

Подписка для среднего бизнеса – от 599 USD/месяц (10 человек, SSO, приоритетная поддержка и другие преимущества).

 

8. Сockpit – «безголовая» CMS, написанная на PHP

Сockpit (Cockpit Next) — это ещё одна система централизованного управления контентом для сайтов, мобильных приложений и интерфейсов IoT-устройств, созданных при помощи популярных конструкторов статических сайтов. Соответственно, она рассчитана на внедрение в небольших командах разработчиков.

При этом система умеет работать с разными языками программирования, сохраняет данные в файлы и может быть установлена на классический shared-хостинг с поддержкой PHP и SQLite.

Недавно в дополнение к бесплатному движку был предложен вариант Pro-лицензии. Оплата выполняется однократно. В дальнейшем по желанию можно продлевать возможность получения обновлений.

Плюсы

Минусы

Стоимость

Базовая лицензия – полностью бесплатная. При желании можно купить Pro-лицензию:

• 299 евро единоразово.
• 99 евро в год за доступ к обновлениям и поддержке.

 

9. dotCMS – гибридная CMS, сочетающая возможности классических и headless CMS

dotCMS — это гибридная CMS, построена на Java. Она обеспечивает гибкость автономной CMS-системы и эффективность SaaS-инфраструктуры. dotCMS умеет самостоятельно создавать необходимые интерфейсы как в привычных онлайн или оффлайн-конструкторах страниц (блочных WYSIWYG-редакторах).

Систему можно интегрировать с любыми другими типами интерфейсов посредством API. Есть готовые интеграции с популярными внешними сервисами (как у многих облачных провайдеров услуг).

Вы можете скачать и использовать self-hosted решение бесплатно (будут недоступны отдельные функции) или подключиться к готовой облачной платформе (максимум функциональности и удобства).

Плюсы

Минусы

Стоимость

Community-редакция распространяется бесплатно. Enterprise-версия предполагает пакет техобслуживания, который нужно обновлять ежегодно, цены – от 1400 USD, есть 30-дневный триал. Стоимость облачной подписки можно узнать только по запросу.

 

10. Hygraph – масштабируемая облачная платформа со 100% GraphQL

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

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

Но самый приятный плюс платформы – функциональный бесплатный тариф. Его лимитов точно хватит для работы небольших команд.

Плюсы

Минусы

Стоимость

Бесплатный тариф никак не ограничен по времени использования. Предполагает не более 3 пользователя, 2-х ролей, 5000 записей контента и 100 Гб трафика в месяц.

Платные тарифы стартуют от 199 USD/месяц (Professional). Они повышают лимиты и обеспечивают дополнительный функционал. Крупные клиенты могут рассчитывать на индивидуальное предложение. Есть специальные скидки для студентов и open-source-проектов.

 

Общий список (16 шт.)

 

Как работают Headless CMS?

Если вас интересуют технические детали, рассказываем, как и почему вообще возникла необходимость в «безголовых» CMS:

• Классические динамические сайты работают на базе веб-серверов и сначала генерируют контент и только потом отдают его браузеру (это знакомая многим связка PHP+MySQL). Такие CMS, работающие внутри одного сервера, ещё называют «монолитом», так как все процессы работают внутри одной машины. Разнести исполнение PHP-скрипта на физически удалённые серверы очень сложно.
• Если увеличить число запросов к «монолиту», то рано или поздно сервер «захлебнётся» либо перестанет справляться канал связи (все запросы к серверу будет не протолкнуть).
• Альтернатива монолиту напрашивается сама собой – создать набор статичных страниц и распределить их в сети доставки контента (CDN). Тогда клиенты будут открывать страницы молниеносно, так как контент будет максимально близко к пользователям (тут всё будет зависеть от масштаба и расположения серверов CDN-сети).
• И вот тут возникает проблема – что делать с динамическим контентом? CDN-сеть может распространять только «статичный» контент, то есть неизменяемый со временем.
• Тут на выручку приходят программы, написанные на JavaScript. Так как код выполняется непосредственно внутри браузера, то JS-файлы можно легко распространять через сеть CDN. Уже в процессе исполнения на устройстве пользователя скрипт может «подтянуть» недостающий или изменившийся контент. Тем самым достигается эффект динамичности.
• Остаётся только одна задача – где-то хранить тот самый контент для динамических элементов, встраиваемых в статические страницы. За это и отвечают Headless CMS.

Итого, работа «безголовых» CMS выглядит так:

• Любой удалённый интерфейс, будь то мобильное приложение, PWA-сайт или иной вариант, исполняется на устройстве пользователя (внутри приложения или внутри браузера). Наибольшая часть кода здесь – это набор JS-файлов.
• Связка JS+HTML позволяет добиться эффекта статичности. Соответственно, сайт или web-приложение может распространяться через CDN-сети.
• В момент исполнения JS-скрипты могут запрашивать изменяемый контент. Обычно он вставляется с помощью специальных полей. Для этого скрипты обращаются по API-интерфейсу к Headless CMS.
• Headless CMS проверяет ключ авторизации и после этого отдаёт нужные данные.
• В итоге статичная страница на устройстве пользователя «подтягивает» динамические элементы и отрабатывает на 100% (отрисовывается до конца).

По большому счёту, при обработке запросов Headless CMS мало чем отличается от классических CMS-систем. Правда, задействуется только слой работы с базами данных (без обработки PHP и отрисовки страниц). Поэтому Headless CMS легче масштабировать, все они могут работать в формате микросервисов или в готовом облаке.

Если упростить ещё больше, то Headless CMS – это удобные графические интерфейсы для редактирования, наполнения и обслуживания облачных баз данных, внутри которых хранится контент для вставки в страницы, генерируемые с использованием JavaScript.

 

Какую Headless CMS выбрать?

Чтобы сделать правильный выбор, нужно правильно себе представлять сферу применения таких CMS. Это не совсем «типовое» решение. Многие из Headless CMS практикуют размещение в облаке, даже если они имеют полностью открытый код и поставляются «как есть» для обычных пользователей.

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

С одной стороны, разработчикам не нужно каждый раз писать новую серверную часть (бекэнд), и потому экономится время и силы. А с другой стороны – зачем размещать эту серверную часть у себя и фактически брать клиентов на постоянное сопровождение, если этап разработки завершён? Логично добавить универсальную самодостаточную панель управления, и пусть клиент разбирается дальше с ней сам, нанимает редакторов, копирайтеров и т.д. Они уже самостоятельно смогут управлять контентом без привлечения программистов.

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

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

Кому-то принципиален запуск на shared-хостинге, потому что заниматься настройками специфических хостингов для Node.js нет ни желания, ни времени. Тогда подойдут такие «безголовые» CMS, как Cockpit Next. И т.д.

 

Выводы

Из обзора становится ясно, что Headless CMS – это скорее профессиональные инструменты, созданные программистами для других программистов. Поэтому для личного использования или для работы в немногочисленных командах они зачастую бесплатные.

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

Беглый обзор лидеров индустрии показывает слабую ориентацию на российский рынок в целом. Интеграцию с нужными российскими сервисами скорее всего придётся писать с нуля.