Что такое headless cms

Headless CMS — будущее в управлении контентом

*это всего лишь мое скромное мнение, но у меня есть аргументы.

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Сейчас, как и всегда, бизнес стремится охватить, как можно большую аудиторию. В годы нашей жестокой диджитал эры любой девайс является каналом взаимодействия между бизнесом и клиентом. И т.к. типов девайсов великое множество, то бизнесу приходится разрабатывать и поддерживать солянку клиент-серверных приложений. Для каждого такого приложения требуется персонифицированный контент, которым нужно управлять. Эта ситуация и привела к рождению Headless CMS.

Headless CMS — это система управления контентом, которая отделяет слой данных от слоя отображения. При помощи такой системы можно управлять содержимым любых клиентов в клиент-сервер архитектуре: веб-сайт, мобильное приложение, устройство Internet of Things. Централизируя и распространяя содержимое в универсальном формате, система дает возможность управлять всеми платформами из одного интерфейса и гибко персонифицировать контент для каждой из них.

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Существует множество реализаций этой концепции, полный список здесь.

Скорее всего, вам понравится идея Headless CMS. Почему?

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Но, как и во всем, при использовании Headless CMS возникают свои сложности.

Headless CMS отлично подходит, если вы создаете:

UPDATE: как справедливо заметили в комментариях, это не пиар какой-либо конкретной CMS. Это определение концепции. Конкретные реализации можно посмотреть здесь.

Источник

Почему для информационных проектов из всех Headless CMS мы часто выбираем Strapi

Существует большое количество (всего порядка 50) Headless CMS. Это системы управления, в которых реализован новый принцип разделения двух слоев — данных и представления (логика Jamstack).

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

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

Какие бывают Headless CMS

Все системы управления, работающие по логике Jamstack, представлены на сайте headlesscms.org. Они разделены, прежде всего, на открытые и закрытые — open source и closed source — решения.

По способу развертывания, разные HCMS предполагают установку локально или через облачные сервисы.

По способу передачи данных, системы могут поддерживать REST API, GraphQL или оба синтаксиса.

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

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

Почему Strapi

В списке Headless CMS с открытым исходным кодом Strapi недаром занимает первое место. Это решение пользуется большой популярностью и имеет свыше 28 тысяч звезд на GitHub.

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Система предназначается для профессиональных разработчиков. Однако для работы с ней не требуется слишком глубоких и разносторонних познаний в области программирования. В этом главная ценность Strapi — она позволяет максимально быстро и с минимальными ресурсами создавать API для работы с данными.

Основные особенности

Strapi представляет собой фреймворк для управления контентом, работающий на Node.js. Это open source-проект, полностью бесплатный. Система разворачивается локально на собственном сервере компании, что обеспечивает безопасность данных.

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

Главные особенности и преимущества Strapi:

Применение Strapi

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

На Strapi создаются ультра-быстрые современные сайты и мобильные приложения. Повышенная производительность достигается при использовании Headless CMS в связке со статическим генератором сайтов и обслуживании через CDN.

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

Strapi поддерживает любые статические генераторы сайтов и различные фреймворки для создания пользовательских интерфейсов. Самые популярные из них: Gatsby, React, Vue.js, Nuxt.js, Next.js, Angular.

Как использовать Strapi

Чтобы разработать API с помощью Strapi, предпочтительнее использовать PostgreSQL, MongoDB, MySQL или MariaDB. Установка происходит с использованием npm.

Дальнейшая последовательность действий:

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Далее выводится контент, настраивается отображение содержимого, создается страница автора. Впоследствии можно добавить категории материалов, возможность комментирования.

Алгоритм подходит для создания блогов, бизнес-сайтов, интернет-магазинов.

Обслуживание моделей через UI

Еще одна важная особенность Strapi — возможность обслуживания моделей данных через пользовательский интерфейс.

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

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

Например, вот как удобно можно указать связь двух моделей в базе данных с помощью UI:

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

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

Почему мы считаем, что Strapi лучше других Headless CMS

Мы используем бесплатную стабильную версию Strapi, которая позволяет создавать супер-быстрые статические сайты и экономит время разработки.

Система имеет удобную административную панель, легко масштабируется с помощью плагинов. Для работы с ней не требуются углубленные знания в веб-разработке.

Управление контентом осуществляется централизованно. А поскольку все технические решения скрыты на стороне сервера, система менее уязвима для атак.

Источник

Что такое Headless CMS и почему за ними будущее

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Чтобы добиться успеха, бизнес открывает представительства в Сети, запускает мобильные приложения, позиционируется в социальных сетях, использует «умные» гаджеты и устройства интернета вещей. Важно как можно шире представить себя на рынке, используя все доступные способы. А еще необходимо быть гибким, быстро и легко мигрируя на новые платформы.

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

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

Headless CMS — тело без головы

Логика традиционных CMS объединяет бэкенд- и фронтенд-части одной системы. Контент в данном случае оказывается связан с конкретными технологиями, архитектурой и шаблонами клиент-серверного приложения.

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

Логика Headless CMS такова, что к «телу» при необходимости можно приставлять разные «головы». Это позволяет использовать один бэкенд для управления сайтом (или сайтами) и мобильным приложением, а также автоматизировать распространение контента по всем доступным площадкам и устройствам.

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

Как это работает

Как уже было сказано, Headless CMS предполагает управление только контентом независимо от интерфейса, в котором он будет использоваться (представляться конечному пользователю).

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

Содержимое системы хранится в поддерживаемой ею базе данных (PostgreSQL, MongoDB, SQLite, MySQL и MariaDB в Strapi). Обмен данными чаще всего происходит в «универсальном» формате JSON, что позволяет подстраиваться под любой новый фронтенд. Передача осуществляется через внешний API: RESTful или GraphQL.

Клиентское приложение отвечает за взаимодействие с пользователем (дизайн, интерактивность, сбор данных). Для манипуляций с данными используется API.

Преимущества Headless CMS

Главная ценность подхода, реализованного в Headless CMS — омниканальная готовность. Контент в универсальном формате можно использовать на сайте, в мобильном приложении, в интерфейсе различных цифровых устройств. Это расширяет возможности бизнеса, позволяет гибко использовать разные решения (интегрируя их по очереди или сразу задействовав все необходимые).

Снижение затрат на разработку — второе важное преимущество. При определенных условиях Headless CMS дешевле в установке и настройке. Разработчикам не требуется осваивать систему управления «от и до», достаточно разбираться в административном интерфейсе и API.

Ускорение реализации новых проектов — тоже немаловажный плюс для бизнеса. Благодаря гибкости использования контента, в Headless CMS процесс запуска сайта или приложения занимает меньше времени. Кроме того, индустриальные стандарты RESTful и GraphQL обеспечивают быстрый старт при развертывании нового проекта: разработчикам не требуется закладывать архитектурные основы и осваивать тулинг вокруг этих технологий.

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

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

Для бизнеса, оперативно реагирующего на изменения, большое значение имеет простая масштабируемость системы управления контентом. Статически сгенерированный контент от CMS легко поддается масштабированию через CDN.

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

При этом разработчики на любом языке программирования (Ruby, PHP, Java, Swift) могут использовать API при манипуляциях с системой, решая таким образом проблему несовместимости разных языков в одном продукте. Это дает возможность задействовать новейшие технологии и креативно подходить к процессу разработки.

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

Есть ли недостатки у Headless CMS?

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

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

Headless CMS обеспечивает только бэкенд, поэтому фронтенд-архитектуру необходимо реализовывать с помощью дополнительных ресурсов. Но существуют продукты вроде Gatsby, Nuxt, VuePress, Hugo и Gridsome, которые обеспечивают упрощенную интеграцию с CMS.

Виды Headless CMS

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

Все такие CMS представлены на сайте headlesscms.org. Большинство из них являются open source решениями.

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Headless CMS могут предполагать самостоятельное развертывание на сервере или выгрузку на CDN-сервис.
Некоторые системы работают через клауд-провайдеров.
Многие поддерживают создание модели и последующее заполнение ее контентом.
Еще один критерий выбора: использование GraphQL или REST API (или оба вида в одном продукте).

Почему будущее — за Headless CMS

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

С дальнейшим развитием цифровых продуктов Headless CMS, вероятно, будут все более предпочтительны, нежели традиционные WordPress или Joomla. Есть все основания полагать, что будущее — именно за «безголовыми» системами.

Источник

Что такое Headless CMS и почему за ними будущее

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

Чтобы добиться успеха, бизнес открывает представительства в Сети, запускает мобильные приложения, позиционируется в социальных сетях, использует «умные» гаджеты и устройства интернета вещей. Важно как можно шире представить себя на рынке, используя все доступные способы. А еще необходимо быть гибким, быстро и легко мигрируя на новые платформы.

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

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

Логика традиционных CMS объединяет бэкенд- и фронтенд-части одной системы. Контент в данном случае оказывается связан с конкретными технологиями, архитектурой и шаблонами клиент-серверного приложения.

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

Логика Headless CMS такова, что к «телу» при необходимости можно приставлять разные «головы». Это позволяет использовать один бэкенд для управления сайтом (или сайтами) и мобильным приложением, а также автоматизировать распространение контента по всем доступным площадкам и устройствам.

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

Как уже было сказано, Headless CMS предполагает управление только контентом независимо от интерфейса, в котором он будет использоваться (представляться конечному пользователю).

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

Содержимое системы хранится в поддерживаемой ею базе данных (PostgreSQL, MongoDB, SQLite, MySQL и MariaDB в Strapi). Обмен данными чаще всего происходит в «универсальном» формате JSON, что позволяет подстраиваться под любой новый фронтенд. Передача осуществляется через внешний API: RESTful или GraphQL.

Клиентское приложение отвечает за взаимодействие с пользователем (дизайн, интерактивность, сбор данных). Для манипуляций с данными используется API.

Главная ценность подхода, реализованного в Headless CMS — омниканальная готовность. Контент в универсальном формате можно использовать на сайте, в мобильном приложении, в интерфейсе различных цифровых устройств. Это расширяет возможности бизнеса, позволяет гибко использовать разные решения (интегрируя их по очереди или сразу задействовав все необходимые).

Снижение затрат на разработку — второе важное преимущество. При определенных условиях Headless CMS дешевле в установке и настройке. Разработчикам не требуется осваивать систему управления «от и до», достаточно разбираться в административном интерфейсе и API.

Ускорение реализации новых проектов — тоже немаловажный плюс для бизнеса. Благодаря гибкости использования контента, в Headless CMS процесс запуска сайта или приложения занимает меньше времени. Кроме того, индустриальные стандарты RESTful и GraphQL обеспечивают быстрый старт при развертывании нового проекта: разработчикам не требуется закладывать архитектурные основы и осваивать тулинг вокруг этих технологий.

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

Для бизнеса, оперативно реагирующего на изменения, большое значение имеет простая масштабируемость системы управления контентом. Статически сгенерированный контент от CMS легко поддается масштабированию через CDN.

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

При этом разработчики на любом языке программирования (Ruby, PHP, Java, Swift) могут использовать API при манипуляциях с системой, решая таким образом проблему несовместимости разных языков в одном продукте. Это дает возможность задействовать новейшие технологии и креативно подходить к процессу разработки.

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

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

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

Headless CMS обеспечивает только бэкенд, поэтому фронтенд-архитектуру необходимо реализовывать с помощью дополнительных ресурсов. Но существуют продукты вроде Gatsby, Nuxt, VuePress, Hugo и Gridsome, которые обеспечивают упрощенную интеграцию с CMS.

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

Все такие CMS представлены на сайте headlesscms.org. Большинство из них являются open source решениями.

Headless CMS могут предполагать самостоятельное развертывание на сервере или выгрузку на CDN-сервис.

Некоторые системы работают через клауд-провайдеров.

Многие поддерживают создание модели и последующее заполнение ее контентом.

Еще один критерий выбора: использование GraphQL или REST API (или оба вида в одном продукте).

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

С дальнейшим развитием цифровых продуктов Headless CMS, вероятно, будут все более предпочтительны, нежели традиционные WordPress или Joomla. Есть все основания полагать, что будущее — именно за «безголовыми» системами.

Источник

Рейтинг: «Лучшие 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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Официальный сайт:strapi.io
Год первого релиза:2015 г.
Тип лицензии:Open-Source
Размещение:Ваш сервер
Поддерживаемые API:REST и GraphQL API
Стоимость:от 0 USD/месяц

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

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

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

В бесплатной community-редакции CMS есть только одно ограничение – количество ролей пользователей (только 3 предустановленные).

При переходе на платную подписку BRONZE (от 29 USD/месяц) вы можете создавать до 30 ролей пользователей и получаете профессиональную техподдержку.

Другие тарифы (SILVER, от 299 USD/месяц, и GOLD, определяется индивидуально) снимают лимиты и включают в себя приоритетную техподдержку с дополнительной помощью по внедрению/сопровождению.

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Официальный сайт:sanity.io
Год первого релиза:2017 г.
Тип лицензии:Закрытый код
Размещение:Облако
Поддерживаемые API:GROQ API (GraphQL)
Стоимость:От 0 USD/месяц

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

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

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

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

ADVANCED (от 199 USD/месяц) – включает доступ до 20-ти пользователей, до 200 Гб для файлов и другие увеличенные лимиты.

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

Во всех тарифах можно докупить дополнительные ресурсы: пользователей, дисковое пространство, запросы к API или CDN и т.д.

3. Agility CMS – облачная Headless CMS с самым функциональным бесплатным тарифом

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Официальный сайт:agilitycms.com
Год первого релиза:2005 г.
Тип лицензии:Закрытый код
Размещение:Облако
Поддерживаемые API:RESTful API, веб-хуки
Стоимость:От 0 USD/месяц

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

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

Для ознакомления с функционалом предоставляется стартовый тариф, он полностью бесплатный и не ограничен по времени. Платные подписки начинаются от 47 USD/месяц (тариф Standard, 10 Гб на диске, до 500 Гб трафика). Для более крупных клиентов предоставляются тарифы Pro (от 579 USD/месяц) и Enterprise (от 2500 USD/месяц).

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Официальный сайт:ghost.org
Год первого релиза:2013
Тип лицензии:Open-Source
Размещение:Ваш сервер
Поддерживаемые API:RESTful JSON API
Стоимость:от 0 USD/месяц

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

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

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

Оригинальное облако Ghost PRO обойдётся от 29 USD/месяц, что вполне неплохо на фоне конкурентов. Но к начальному тарифу можно подключить всего 2 штатных пользователя, а количество просмотров не может быть более 100k/месяц. Тариф Standard (от 79 USD/месяц) – это уже 5 сотрудников и до 500 тыс. просмотров в месяц. Тариф Business – от 199 USD/месяц (до 1 млн. обращений к контенту, до 15 штатных пользователей).

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Официальный сайт:netlifycms.org
Год первого релиза:2018 г.
Тип лицензии:Open-Source
Размещение:Ваш сервер
Поддерживаемые API:Через Git-репозитории
Стоимость:от 0 USD/месяц

Netlify — это автономная Headless CMS-система для генераторов статических сайтов. Она будет особо полезна нетехническим пользователям, так как обеспечивает простое редактирование и добавление контента на любой HTML-сайт (в том числе, созданный в онлайн- или оффлайн-редакторе).

Netlify CMS выпускается под лицензией MIT («как есть», без каких-либо гарантий). Система построена как одностраничное приложение React. Вы можете добавлять индивидуальные превью, виджеты, плагины редактора и т.д., а также серверные части для поддержки различных API-интерфейсов платформы Git.

В реальности Netlify CMS – это своего рода «настройка» над имеющимися git-платформами, так как контент сохраняется в выбранный git-репозиторий, система авторизации и управления пользователями задействуется там же.

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

Starter – от 0 USD/месяц (предусмотрена оплата за повышение лимитов и за отдельные функции), возможности подходят разве что для фан-проектов.

PRO – от 19 USD/месяц. Повышаются некоторые лимиты, можно рассчитывать на техподдержку по email.

Business – от 99 USD/месяц. Полный функционал платформы, круглосуточная техподдержка и SLA.

Крупные корпоративные клиенты могут рассчитывать на индивидуальные тарифы.

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Официальный сайт:directus.io
Год первого релиза:2004 г.
Тип лицензии:Open-Source
Размещение:Ваш сервер
Поддерживаемые API:REST API, GraphQL, вебхуки
Стоимость:от 0 USD/месяц

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

Основная особенность Directus в том, что на выходе вы получаете классические базы данных, к которым никогда не потеряете доступ и не столкнётесь с их «нечитаемостью». Всё, что предоставляет Directus – это админ-панель и API.

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

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

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Официальный сайт:tina.io
Год первого релиза:2019 г.
Тип лицензии:Open-Source
Размещение:Ваш сервер
Поддерживаемые API:Через Git-репозитории
Стоимость:Бесплатно

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

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

В настоящий момент разработчики работают над энтерпрайз-сервисом с коммерческими подписками (здесь будут API для управления контентом, SSO-авторизация, централизованная панель управления сайтами и пользователями).

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

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Официальный сайт:getcockpit.com
Год первого релиза:2015 г.
Тип лицензии:Open-Source
Размещение:Ваш сервер
Поддерживаемые API:REST API, вебхуки, GraphQL
Стоимость:Бесплатно

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

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

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

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Официальный сайт:dotcms.com
Год первого релиза:2011 г.
Тип лицензии:Open-Source
Размещение:Ваш сервер
Поддерживаемые API:GraphQL и RESTful API
Стоимость:Бесплатно

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

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

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

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

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

Что такое headless cms. Смотреть фото Что такое headless cms. Смотреть картинку Что такое headless cms. Картинка про Что такое headless cms. Фото Что такое headless cms

Официальный сайт:graphcms.com
Год первого релиза:2015 г.
Тип лицензии:Закрытый код
Размещение:облако
Поддерживаемые API:GraphQL API, вебхуки
Стоимость:От 0 USD/месяц

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *