Краткое определение

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

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

С ним сталкиваются, когда одно и то же описание товара должно появиться на сайте, в мобильном приложении и на экране стороннего сервиса; контент вводится один раз и используется везде.

Его часто путают с классической CMS. Классическая CMS управляет контентом и оформлением вместе, а headless-контент остается независимым; эта гибкость может немного усложнить разработку.

Самая частая ошибка: позволять редакторам вводить контент вообще без визуального предпросмотра, никогда не видя, как он на самом деле будет выглядеть в каждом канале, из-за чего текст может выходить за рамки макета, а изображение обрезаться неудачно. Правильный подход: задать ограничения длины для каждого поля контента и давать редакторам настоящий предпросмотр по каждому каналу прежде, чем Вы что-либо публикуете.

Почему это важно

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

Условный пример

Список услуг сети спа-салонов подтягивается и на сайт, и в приложение для бронирования из одной headless CMS; одно обновление сразу отражается в обоих каналах.

Связанные термины

Статья по теме

Если не знаете, с чего начать, — вы там, где нужно.

Проект в вашей голове может быть уже чётким или пока в виде идеи. Подходит и то, и другое. Коротким разговором обсудим вместе, где вы сейчас и куда можете прийти.

Запланируем встречу
Обсудить проект