Introdução

Um sistema de gerenciamento de conteúdo, abreviado como CMS, é um software para criar e gerenciar conteúdo. Com um CMS tradicional, você pode criar conteúdo textual e fazer upload de imagens e conteúdo multimídia, como arquivos de áudio e vídeo. O CMS então gera e serve a camada de apresentação com o conteúdo criado.

Por outro lado, diferentemente dos CMS tradicionais, os sistemas de gerenciamento de conteúdo headless são repositórios de conteúdo sem a camada de apresentação. Um CMS headless desacopla seu conteúdo da apresentação. Você pode construir a camada de apresentação de qualquer maneira e usando qualquer estrutura de sua escolha com um CMS headless. Portanto, torna-se fácil estender a experiência digital de seus clientes da web para dispositivos móveis e IoT.

Você precisa escolher o CMS headless apropriado para obter uma melhor experiência de desenvolvedor e fornecer uma experiência digital satisfatória aos seus clientes. Existem vários CMS headless disponíveis. Os mais populares incluem Strapi, Contentful, Hygraph, Sanity e Headless WordPress.

Cada CMS headless tem pontos fortes e fracos. Alguns deles são feitos sob medida para um propósito específico. E diferentes projetos têm diferentes requisitos. Portanto, pode ser difícil escolher um CMS headless que atenda aos requisitos do seu projeto. Este artigo comparará Strapi, Hasura e Hygraph. Iremos além para destacar seus prós e contras.

Strapi

Strapi é um popular CMS headless de código aberto construído com base no Node.js. Possui uma interface do usuário intuitiva e personalizável para criar conteúdo. No momento em que este artigo está sendo escrito, a plataforma de hospedagem em nuvem da Strapi ainda está em beta. Portanto, no momento, é necessário hospedar seu projeto Strapi. Strapi tem várias integrações prontas para algumas das ferramentas e estruturas mais populares.

Com Strapi, você pode acessar a API de conteúdo usando a API REST ou GraphQL. Internamente, Strapi usa o framework web Koa. Se você deseja personalizar o back-end do Strapi, precisa ter conhecimento de trabalho do Koa.

Como começar a usar o Strapi

Para ter uma ideia do Strapi, você pode criar um projeto Strapi do zero ou usar um dos modelos de inicialização disponíveis. Se você é um iniciante absoluto no Strapi, recomendo que comece com os modelos de inicialização disponíveis.

O comando abaixo criará o modelo de inicialização Next blog. Responda às solicitações durante o processo de instalação. Você pode escolher a opção Quickstart como seu tipo de instalação.

# npm
npx create-strapi-starter project-name next-blog

# yarn
yarn create strapi-starter project-name next-blog

Após a conclusão da instalação, o Strapi iniciará o painel de administração. Você terá que criar sua conta de administrador preenchendo o formulário.

Depois de criar sua conta de administrador, o painel do Strapi ficará parecido com a imagem abaixo. A documentação do Strapi possui guias detalhados de introdução que você pode usar para explorar as principais características do Strapi.

Em vez de usar um modelo de inicialização como no exemplo acima, você também pode criar um projeto Strapi do zero usando um dos comandos abaixo.

# npm
npx create-strapi-app@latest project-name --quickstart

# yarn
yarn create strapi-app project-name --quickstart

Aprimorando o provedor de dados embutido do Strapi Um provedor de dados é uma interface que uma aplicação Refine usa para se comunicar com uma API. O Refine tem provedores de dados para a maioria dos CMS e plataformas populares. Você pode usar o provedor de dados do Strapi do Refine para interagir com sua instância do Strapi a partir de uma aplicação Refine.

Você pode instalar o provedor de dados do Strapi em uma aplicação Refine da seguinte maneira:

npm install @pankod/refine-strapi-v4

A documentação do Refine possui guias abrangentes sobre provedores de dados.

Prós de usar o Strapi

• Strapi é de código aberto
• Possui suporte ativo da comunidade
• É lançado sob os termos do MIT e da Licença Suplementar da Edição Enterprise do Strapi
• Strapi possui excelente documentação
• Você pode começar a usar o Strapi rapidamente
• O painel de administração possui uma interface intuitiva
• Você pode acessar seu conteúdo via API REST ou GraphQL
• Strapi é flexível e personalizável
• Suporta várias integrações prontas para uso
• Como você pode usar a API GraphQL para acessar seu conteúdo, o Strapi vem com todos os benefícios do GraphQL.

Contras de usar o Strapi

• No momento em que este artigo foi escrito, o serviço em nuvem do Strapi ainda está em beta. Você precisa hospedar seus projetos Strapi por conta própria.
• Qualquer projeto Strapi deve usar estritamente um dos bancos de dados suportados. A versão mais recente, Strapi versão 4, só suporta MySQL, MariaDB, PostgreSQL e SQLite.

Hasura

Hasura é um mecanismo GraphQL de código aberto. Você pode usar o Hasura para se conectar a um banco de dados e a pontos de extremidade de API REST e GraphQL de terceiros. Em seguida, ele usa uma API GraphQL para expor seus dados. Embora o Hasura exponha seus dados principalmente por meio de uma API GraphQL, você pode criar pontos de extremidade de API REST a partir de consultas e mutações GraphQL.

Você pode usar os bancos de dados SQL em nuvem mais populares, como AWS RDS Postgres e Azure Postgres, com o Hasura Cloud. No entanto, esteja ciente de que o Hasura principalmente suporta bancos de dados PostgreSQL no momento em que este artigo foi escrito.

Comparado com o Strapi, Hygraph e outros CMS headless, o Hasura é mais um mecanismo GraphQL do que um CMS. Ele fornece uma API GraphQL instantânea, rápida e segura para o seu banco de dados com armazenamento em cache de dados e autorizações embutidos.

A console do Hasura não oferece funcionalidade para gerenciar conteúdo como os outros CMS headless.

Como começar a usar o Hasura

O Hasura Cloud é a maneira mais rápida de começar a usar o Hasura. Você pode criar uma conta usando seu endereço de e-mail ou fazer login usando o GitHub ou o Google.

Depois de fazer login na sua conta do Hasura Cloud, você pode criar um banco de dados Neon PostgreSQL ou conectar-se a um banco de dados existente. Existem guias detalhados na documentação do Hasura sobre como criar um novo banco de dados ou adicionar um banco de dados dos provedores de banco de dados na nuvem suportados.

Depois de criar um banco de dados e populá-lo com entradas, você pode consultar, modificar e assinar a partir do explorador de API na console do Hasura. Você também pode criar endpoints de API REST para acessar o banco de dados.

Aprimorar o provedor de dados incorporado do Hasura Como destacado acima, o refine possui provedores de dados para a maioria dos CMS e plataformas. Você pode usar o provedor de dados Hasura para se comunicar com sua API Hasura GraphQL ou pontos de extremidade da API REST a partir de um aplicativo refine.

Você pode instalar o provedor de dados Hasura em seu aplicativo refine da seguinte maneira:

npm install @pankod/refine-hasura

Verifique a documentação do refine sobre como usar provedores de dados em um aplicativo refine.

Vantagens do Hasura

• Possui uma interface de usuário e console intuitivos
• Hasura é de código aberto
• O mecanismo GraphQL é licenciado pela versão 2.0 do Apache. Outros recursos, como documentação e tutoriais, possuem licença MIT.
• Hasura oferece um generoso nível gratuito sem exigir cartão de crédito ou informações de pagamento
• Hasura suporta a maioria dos bancos de dados SQL em nuvem populares
• Possui documentação abrangente
• Hasura tem uma comunidade ativa e solidária
• É fácil de aprender
• Existem instâncias do Hasura tanto em nuvem quanto auto-hospedadas
• É performático

Desvantagens do Hasura

• Enquanto este artigo está sendo escrito, o Hasura não suporta bancos de dados NoSQL. No entanto, há planos para incluí-los no futuro.
• Hasura é voltado para expor bancos de dados por meio de uma API GraphQL. Não possui capacidades de gerenciamento de conteúdo como outros CMS headless.

Hygraph

Hygraph é outro CMS headless com uma interface de usuário intuitiva para criar, editar e modificar conteúdo. Ao contrário do Strapi, o Hygraph não é de código aberto. Você pode interagir com o conteúdo do Hygraph via API GraphQL. Ele também possui um recurso para compor conteúdo de APIs REST e GraphQL de terceiros.

Hygraph oferece um generoso plano comunitário gratuitamente, sem nem mesmo solicitar um cartão de crédito ou informações de pagamento. O plano gratuito também inclui a maioria dos recursos dos planos pagos.

Como começar a usar o Hygraph

Para começar a usar o Hygraph, você precisa ter uma conta. Se você ainda não tem, crie uma conta usando seu endereço de e-mail ou faça login com sua conta do Google, Facebook ou GitHub. Após configurar sua conta, você pode criar um novo projeto ou usar um dos projetos iniciantes disponíveis para explorar o Hygraph.

Como destacado acima, o Hygraph possui uma interface intuitiva para criar e gerenciar conteúdo. Começar não deve ser difícil se você já estiver familiarizado com outros CMS. Se você é um iniciante em CMS, há guias abrangentes de introdução na documentação do Hygraph para ajudá-lo a começar. No entanto, é necessário ter um entendimento básico do GraphQL.

Neste artigo, nosso objetivo principal é comparar o Hygraph com outros CMS headless semelhantes. Portanto, não exploraremos os detalhes de como criar um projeto ou gerenciar seu conteúdo com o Hygraph.

Prós do Hygraph

• O Hygraph possui uma interface intuitiva para criar, editar e gerenciar conteúdo
• Possui uma excelente documentação
• Boa comunidade de suporte
• Oferece um generoso plano gratuito da comunidade que inclui a maioria dos recursos nos planos pagos
• Você pode compor conteúdo de APIs de terceiros REST e GraphQL
• Ele serve conteúdo usando baixa latência Edge CDN
• Possui um recurso para gerenciamento de permissões de conteúdo
• Porque serve conteúdo usando a API GraphQL, tem todos os benefícios do GraphQL, como evitar várias viagens de ida e volta ao consultar conteúdo.

Contras do Hygraph

• Você só pode acessar o conteúdo no CMS usando a API GraphQL
• Não é open-source.
• Não é tão customizável quanto o Hasura.

Conclusão

Embora nosso foco neste artigo tenha sido em Strapi, Hasura e Hygraph, existem muitos excelentes sistemas de gerenciamento de conteúdo headless disponíveis. Como mencionado acima, cada CMS headless tem pontos fortes e fracos. Alguns são feitos sob medida para um propósito específico.

Se você está procurando um CMS headless personalizável e de código aberto com uma interface intuitiva, Strapi pode ser a melhor opção. Ele pode servir seu conteúdo usando a API REST ou GraphQL. No entanto, por outro lado, você pode ter que hospedar seu projeto Strapi porque a solução em nuvem do Strapi ainda está em beta. Strapi também suporta apenas alguns bancos de dados no momento.

Hygraph é semelhante ao Strapi, mas não é open-source. Possui uma interface intuitiva para criar conteúdo e uma solução em nuvem para a qual você pode implantar automaticamente seu projeto. Você pode começar com o Hygraph mais rapidamente do que o Strapi, mas ele não é tão flexível e personalizável.

O Hasura é mais um mecanismo GraphQL do que um CMS headless. É uma excelente opção se você deseja uma API GraphQL rápida e segura para obter dados de um banco de dados ou API REST ou GraphQL de terceiros. No entanto, o Hasura não possui as capacidades de criação de conteúdo dos outros CMS headless.