Headless CMS

Intro: CMS Tradicional

CMS tradicional é uma ferramenta popular para criação na web. De uma maneira fácil, os usuários podem criar e editar o conteúdo e armazená-lo no banco de dados back-end. Todas essas funcionalidades em um único sistema.

Escolhendo entre vários modelos e temas, a aparência pode ser personalizada e as funcionalidades expandidas com os plug-ins disponíveis. Esses CMSs geralmente fornecem uma experiência “O que você vê é o que você obtém” (WYSIWYG), tornando-os mais fáceis de usar para pessoas não técnicas.

Então normalmente, um CMS tradicional consiste em:

  • um banco de dados para armazenar o conteúdo,
  • um painel de administração para gerenciamento,
  • uma camada de frontend para exibir o conteúdo
  • uma API interna que una tudo isso,

O importante aqui é que o front-end e o back-end fazem parte de uma coisa só e são arquitetados como um monólito.

Esses CMS foram criados para gerenciar o conteúdo do site, o que significa que o conteúdo criado no back-end também estava intimamente associado à sua exibição na web. Isso significava que o conteúdo não era normalmente reutilizável. Um título na página inicial deveria ser duplicado para exibição em outra página de destino - e atualizar um não atualiza o outro. Como o conteúdo era voltado especificamente para a web, ele também não podia ser reutilizado em coisas como um aplicativos móveis.

Headless CMS

Em resumo - um CMS Headless é um back-end dedicado ao sistema de gerenciamento de conteúdo.

Lembre-se de que o CMS tradicional, como Wordpress ou Drupal, tem o front-end e o back-end fortemente vinculados, certo?

Headless CMS é o oposto - ele separa o gerenciamento de conteúdo da camada de apresentação. Se „head” é a camada de apresentação (ou frontend) e „body” é o repositório de conteúdo - cortamos a cabeça do corpo, daí o nome „headless”. O que resta é o conteúdo bruto que podemos acessar por meio de chamadas de API. Nosso CMS agora é uma fonte de dados apenas de conteúdo.

E uma vez que não temos mais um front-end padrão, somos livres para criar quantas "cabeças" quisermos e entregar nosso conteúdo a qualquer dispositivo. Isso também significa que não há restrições sobre a estrutura ou ferramentas que você usa.

Além disso, essa abordagem modular é um modelo perfeito para aplicações JAMstack.

A headless CMS can manage content irrespective of the frontend output and typically allows content items, like the theoretical headline we discussed above, to be reused both across the web app but also in things like mobile apps, chat apps, voice apps, etc.

Quais são os benefícios do CMS Headless?

  • Flexibilidade - você tem controle total sobre a aparência de seu conteúdo e pode trabalhar com suas estruturas e ferramentas favoritas
  • Segurança aprimorada - uma vez que a plataforma de publicação de conteúdo não está vinculada ao banco de dados - o risco de ataques de malware é menor
  • Reutilização - você pode reutilizar e redirecionar seu conteúdo para servir a qualquer canal digital
  • Fácil de usar - o conteúdo entregue via API é mais fácil de manter e distribuir, e é mais fácil de editar para pessoas não técnicas
  • Preparado para o futuro - como as camadas de apresentação e lógica são separadas, você pode estruturar seu conteúdo e torná-lo adaptável a futuras modificações

Quando Você deve "perder a cabeça"?

Se você acha que o CMS tradicional é muito limitante para você e precisa de uma ferramenta mais flexível, então você deve adotar Headless.
Se você deseja criar sites exclusivos que podem ser exibidos em qualquer dispositivo, você não terá lucro com um modelo predefinido.
Além disso, um CMS tradicional oferece tudo pronto para uso, mas como efeito colateral, você acabará acumulando muito código desnecessário.
Esse não é o caso do Headless CMS, em que você pode optar por integrar apenas as funcionalidades que realmente precisa.
E como mencionado antes, ele é agnóstico em termos de tecnologia, o que significa que você não está restrito a uma tecnologia específica.

É uma solução amigável ao desenvolvedor e perfeito para casos como:

  • sites e aplicativos baseados em qualquer estrutura JavaScript (React, VueJS, AngularJS),
  • sites feitos com um gerador de sites estáticos (por exemplo, Gatsby)
  • entrega de conteúdo a vários canais.

Plataformas Headless

Aqui está uma lista de algumas das plataformas Headless CMS mais populares do momento:

  • Strapi
  • DatoCMS
  • Contentful
  • Directus
  • GraphCMS

Exemplos de uso:

  • The Economist
  • Burger King
  • Ikea AR mobile app

Diferença entre API-based e Git-based Headless CMS?

Headless CMS baseado em GIT

A principal coisa a entender sobre um CMS sem cabeça baseado em git é que ele não armazena seu conteúdo. Em vez disso, o conteúdo é mantido em um repositório Git - geralmente como Markdown para conteúdo de formato longo e YAML ou JSON para dados. O CMS fornece uma camada de ferramentas para gerenciar esse conteúdo por meio de uma interface da web que é fácil de entender para editores de conteúdo que podem se sentir desconfortáveis ao editar manualmente o conteúdo baseado em arquivo.

Git-based CMS:

  • Git (conteúdo baseado em arquivo em seu repositório GitHub)
  • Netlify CMS
  • Forestry

Headless CMS baseado em API

Um CMS Headless baseado em API armazena os seus dados, que podem então ser acessados pelo site, aplicativo móvel ou outro aplicativo por meio de uma API. Como o conteúdo no CMS baseado em API não está vinculado a arquivos físicos, eles geralmente são capazes de lidar com a reutilização de objetos de conteúdo mais facilmente do que um CMS baseado em git.

API-based CMS:

  • Sanity
  • Contentful
  • DatoCMS

Comments powered by Talkyard.