Система управления контентом

Artur Trifonov, frontend-design.ru

👨‍💻

Система управления контентом

Artur Trifonov, разработчик интерфейсов
frontend-design.ru

Какие задачи решает CMS

Какие задачи решает CMS

Какие задачи решает CMS

Какие задачи решает CMS

Какие задачи решает CMS

Какие задачи решает CMS

Какие задачи решает CMS

Какие задачи решает CMS

Какие задачи решает CMS

Структура работы CMS

Структура работы CMS

Структура работы CMS

Структура работы CMS

Структура работы CMS

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

Статика
и
генераторы

Статика и генераторы

Как все работает без CMS

Статика и генераторы

Как все работает с генератором

Статика и генераторы

Статика и генераторы

Статика и генераторы

Статика и генераторы

Статика и генераторы

Статика и генераторы

Плюсы

  • Очень быстро работает
  • Не требователен к серверу
  • Легко поддерживается

Статика и генераторы

Плюсы

  • Очень быстро работает
  • Не требователен к серверу
  • Легко поддерживается

Минусы

  • Требует навыков
  • Интеграция сервисов
  • Время до публикации

Популярные решения

Конструк-
торы
сайтов

Конструкторы сайтов

Конструкторы сайтов

Конструкторы сайтов

Конструкторы сайтов

Конструкторы сайтов

Конструкторы сайтов

Плюсы

  • Быстрый старт
  • Не нужны разработчики

Конструкторы сайтов

Плюсы

  • Быстрый старт
  • Не нужны разработчики

Минусы

  • Плохая оптимизация
  • Привязка всех факторов к одной компании
  • Ограничение функционала системой

Популярные решения

Класси-
ческие
CMS

Классические CMS

Классические CMS

Плюсы

  • Не требуют специальных навыков
  • Множество готовых модулей
  • Есть бесплатные варианты

Классические CMS

Плюсы

  • Не требуют специальных навыков
  • Множество готовых модулей
  • Есть бесплатные варианты

Минусы

  • Требовательны к серверу
  • Могут медленно работать
  • Требуют участия разработчиков

Популярные решения

Headless
CMS

Headless CMS

Headless CMS (безголовая CMS) не имеет встроенной системы доставки контента:

Headless CMS

Вместо этого она предоставляет API для получения данных и отображения их где и как угодно:

JAMStack

JAMStack

Немного истории

JAMStack

Немного истории

JAMStack

Немного истории

JAMStack

Немного истории

JAMStack

Немного истории

JAMStack

Немного истории

JAMStack

Сравнение скорости с SSR и SPA

JAMStack

Определение

React, Vue.js, Angular или другие фреймворки для динамической работы интерфейса

JAMStack

Определение

Серверные функции доступны через API с помощью JavaScript. Это могут быть собственные функции или сторонние сервисы

JAMStack

Определение

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

JAMStack

JAMStack

Build system: генераторы статики

JAMStack

Что работает на Gatsby

JAMStack

Что работает на Gatsby

JAMStack

Что работает на Gatsby

JAMStack

Что работает на Gatsby

JAMStack

Что работает на Nuxt.js

JAMStack

Что работает на Nuxt.js

JAMStack

Что работает на Nuxt.js

JAMStack

Что работает на Nuxt.js

JAMStack

Что работает на HUGO

JAMStack

Что работает на HUGO

JAMStack

Что работает на HUGO

JAMStack

Что работает на HUGO

JAMStack

Что работает на Jekyll

JAMStack

Что работает на Jekyll

JAMStack

Что работает на Jekyll

JAMStack

Что работает на Jekyll

Headless CMS

Варианты систем

Tina
Данные API-Driven Git-based API-Driven Git-based
Open source Да Да Нет Да
Генераторы Все Все Все Gatsby, Next.js
Хост Собственный Облако Облако Собственный
Платный Да ~ Да Нет

jamstack.org/headless-cms

Спасибо!

Немного ссылок на информацию

Спасибо!

it2021.frontend-design.ru
layout2021.frontend-design.ru cms.frontend-design.ru