WordPress sem cabeça: o guia completo

Como você provavelmente já sabe, o WordPress é uma plataforma poderosa para criar sites. Como um sistema de gerenciamento de conteúdo (CMS), o WordPress oferece recursos de publicação fáceis de usar. E você pode expandir o WordPress para fazer quase tudo o que quiser. Mas você já ouviu falar do WordPress “sem cabeça”?

Neste guia, você aprenderá exatamente o que é o WordPress sem cabeça. Você entenderá as situações que podem levar você a usá-lo e as vezes em que usar o WordPress headless não é a melhor ideia. Além disso, veremos algumas das soluções de front-end e pilha mais populares que são normalmente usadas com implantações descentralizadas do WordPress.

Antes de se aprofundar no WordPress como um CMS headless, é importante primeiro entender o que exatamente é um CMS e os problemas para os quais ele foi projetado para resolver. O que tornaria alguém “sem cabeça” e por que isso pode ser útil em alguns casos? Quem pode achar útil?

O que é um sistema de gerenciamento de conteúdo (CMS)?

Um sistema de gerenciamento de conteúdo do lado do servidor ou CMS domina o “back-end” da grande maioria dos sites que você navega hoje. Nos primórdios da Internet, todos os sites eram construídos diretamente da página HTML estática. Para criar um novo post ou artigo, você teria que criar um novo documento HTML. Em seguida, você o adicionaria ao servidor junto com seus recursos, como imagens, outras mídias e arquivos CSS. Em seguida, você precisaria criar um link para a nova página na navegação do site e de outras páginas que fazem referência a ela.

Gerenciamento de conteúdo antes dos sistemas de gerenciamento de conteúdo

O desenvolvimento de sites por volta de 1995-2000 pode ser incrivelmente ineficiente. Criar e fazer upload de novos arquivos sempre que você tiver um novo conteúdo foi relativamente fácil. Mas, inevitavelmente, o novo conteúdo exigia mudanças no conteúdo antigo. E como os sites cresceram para incluir centenas e milhares de páginas, fazer alterações rapidamente era impossível como um processo manual. Mesmo com alguma automação, pode ser lento.

Apresentação e conteúdo foram misturados

Um problema relacionado era que o conteúdo e sua apresentação (por exemplo, layout e estilos de design) eram inflexíveis e frequentemente misturados no documento HTML. O CSS teve que se destacar para realmente resolver isso, mas um CMS foi necessário para tirar proveito disso, separando o design do conteúdo.

Fluxos de trabalho e funções eram misturados

A dificuldade de fazer alterações globais no conteúdo e no design em torno de partes funcionais e interativas de um site tornou o processo muito lento e desafiador de publicar e manter o conteúdo. As equipes responsáveis ​​pelo conteúdo, design de front-end e engenharia de back-end também não tinham limites claros.

A solução CMS dinâmica e baseada em banco de dados

O sistema de gerenciamento de conteúdo nasceu em torno dessa ideia: em vez de criar arquivos HTML totalmente novos toda vez que uma nova página da Web fosse necessária, todo o conteúdo de cada página seria armazenado em um banco de dados relacional como o MySQL. Um CMS escrito em uma linguagem de script do lado do servidor, como PHP, seria usado para consultar e incluir partes variáveis ​​de conteúdo do banco de dados em páginas geradas dinamicamente. Cada solicitação de página de um visitante pode fazer com que uma versão nova e exclusiva do conteúdo solicitado seja gerada para ele.

As limitações de um CMS dinâmico

O WordPress usa modelos de design escritos em PHP misturados com HTML para gerar o documento HTML final servido aos visitantes em cada solicitação de página. Comparado à facilidade de publicar páginas dinâmicas com um CMS, é difícil acreditar que haja algo útil na publicação na Web baseada em arquivo estático — até que você considere a segurança e o desempenho em escala com e sem um banco de dados que é consultado em quase todo carregamento de página.

Headless como uma abordagem híbrida - o melhor dos dois mundos

Headless é uma abordagem híbrida para servir páginas da Web a partir de ativos amplamente estáticos em uma estrutura de front-end. Esse front-end usa apenas o CMS e o banco de dados no back-end para buscar conteúdo dinâmico ou receber entrada do usuário quando for absolutamente necessário. Isso permite páginas que podem ser renderizadas “on the fly” para os visitantes — e armazenadas em cache quando não precisam ser alteradas com frequência.

WordPress sem cabeça e outros sistemas de gerenciamento de conteúdo sem cabeça

O Headless WordPress é uma maneira de implantar o WordPress com o back-end desacoplado dos recursos usuais de front-end. Nenhum tema é usado. O back-end é responsável apenas por:

• gerenciamento de banco de dados
• gerenciamento de usuários
• Gerenciamento de conteúdo
• Interagir com serviços externos

A camada de apresentação do front-end geralmente consiste em um React.js ou outro front-end baseado em JavaScript e uma estrutura HTML/CSS. O conteúdo é coletado do back-end por meio de uma API, como o WP GraphQL (a implementação do GraphQL no WordPress) ou a API REST principal do WordPress.

Também pode haver vários front-ends lidando com diferentes canais para diferentes dispositivos que os visitantes podem usar. Além disso, não há nenhuma exigência para que o(s) front-end(s) compartilhe(m) o mesmo servidor que o back-end. Essa é a infraestrutura de que você precisa para uma publicação omnicanal eficiente. Omnicanal permite que você forneça conteúdo exclusivo para aplicativos móveis e todos os tipos de dispositivos na Internet das Coisas.

Existem alguns geradores de sites estáticos de código aberto populares para criar sites sem cabeça, como Hugo e Jekyll. Estes são sistemas de arquivos completamente simples, sem o banco de dados e as ferramentas de gerenciamento de conteúdo que o WordPress oferece em implantações headless ou tradicionais. Gatsby e Next.js também podem ser usados ​​para gerar sites estáticos, mas também oferecem estruturas de front-end avançadas que podem ser usadas em implantações sem cabeça do WordPress. Mas lembre-se de que a verdadeira força do WordPress sem cabeça não é que ele usa um banco de dados muito menos, mas que otimiza o uso do banco de dados para muito mais possibilidades do que o front-end tradicional de tema único e propósito único do CMS. Com o WordPress headless, você pode criar vários front-ends ou oferecer suporte a um aplicativo da Web progressivo (PWA) ou aplicativo móvel nativo.

Por que o WordPress sem cabeça é o melhor CMS sem cabeça

O WordPress é uma plataforma tão poderosa e amplamente utilizada que está em uma posição única para ter sucesso como um CMS headless.

Aqui estão cinco razões pelas quais o WordPress pode ser a melhor escolha para o seu CMS headless.

1. Você já está usando o WordPress e todo mundo também

Provavelmente, você já usa o WordPress, então cortar sua cabeça é um simples passo à frente.

Como o WordPress é front-end agnóstico, os sites existentes com bancos de dados cheios de conteúdo podem funcionar de maneira bastante indolor. Ou, um site WordPress sem cabeça pode ter uma “cabeça” reconectada a ele. Mover-se em qualquer direção não é difícil com o WordPress.

Muitos de seus funcionários e futuros contratados têm ou terão experiência em WordPress. Você pode contar com uma experiência de integração mais fácil com tecnologia familiar.

2. Seus desenvolvedores front-end não precisam tocar em WordPress - ou PHP

Como o PHP é considerado uma linguagem de aplicativo de back-end, geralmente não é uma parte fundamental do treinamento moderno de desenvolvimento de front-end. A plataforma WordPress é codificada em PHP, no entanto. O desenvolvimento de front-end tradicional (não headless) para WordPress concentra-se na criação de temas personalizados que usam as funções e o código da API do WordPress que serão familiares aos desenvolvedores PHP, mas não a outros. Embora o WordPress esteja evoluindo rapidamente e novos temas compatíveis com seu editor de site possam usar pouco ou nenhum PHP, o WordPress ainda tem um longo caminho a percorrer antes que o PHP recue totalmente em seu back-end. Atualmente, existe uma ótima solução que você pode usar para se apoiar menos no PHP ou ignorá-lo completamente em favor de estruturas front-end modernas. Essa solução é o WordPress sem cabeça.

Se você está contratando desenvolvedores front-end para trabalhar em um projeto WordPress padrão (não headless), você pode descobrir que tem um pool de mão de obra menor para utilizar. Um desenvolvedor que não é baseado em PHP ou em uma linguagem de script do lado do servidor semelhante pode achar que sua curva de aprendizado do WordPress é alta. Mas se eles se destacarem no desenvolvimento front-end com estruturas CSS e JavaScript complexas como o React, isso é perfeito para um site WordPress headless. Por que não jogar com seus pontos fortes? Em outro cenário, se você ainda não estiver usando o WordPress ou um CMS semelhante, mas tiver desenvolvedores front-end experientes, talvez não queira fazê-los aprender a trabalhar com um CMS totalmente novo. É aí que o WordPress headless pode ser uma ótima solução.

Os desenvolvedores não precisam estar familiarizados com o WordPress para criar um front-end para um site WordPress sem cabeçalho. Você poderia contratar qualquer desenvolvedor front-end capaz. Você pode gastar pouco ou muito, mas obter um front-end totalmente personalizado. Um design de site totalmente exclusivo e personalizado quase sempre o atenderá melhor se você tiver necessidades muito exclusivas.

3. Hosts de classe empresarial suportam WordPress sem cabeça

Quase todas as plataformas de hospedagem de sites oferecem hospedagem WordPress. Eles podem ter mais de uma década de experiência em apoiá-lo. Os hosts gerenciados do WordPress oferecem suporte a sites corporativos do WordPress, e muitos dos principais hosts gerenciados do WordPress oferecem hospedagem, ferramentas e suporte sem cabeça especializados. Eles priorizam a segurança e o desempenho do seu site.

4. O WordPress sem cabeça é rápido

Cada CMS publica tempos de velocidade de carregamento mais lentos para os visitantes em comparação com um site estático. A geração de página dinâmica requer mais recursos do servidor e um CMS altamente integrado pode ter muita sobrecarga do servidor. Mesmo um site WordPress de alto desempenho com hospedagem sólida e cache eficiente será retardado por altas cargas de tráfego e muitos usuários front-end ou back-end conectados ativos. Os sites WordPress headless ainda obtêm os benefícios do CMS, mas funcionam mais como geradores de sites estáticos com um banco de dados. Os visitantes obtêm principalmente arquivos estáticos de carregamento rápido quando acessam um site headless.

Um site que demora muito para carregar é um dos maiores problemas para os proprietários de sites. Com o aumento exponencial da navegação em sites móveis, a velocidade é mais importante do que nunca. Em sites de comércio eletrônico, carregamento lento significa perda de vendas. Um usuário típico não vai sentar e esperar que seu site carregue por mais de alguns segundos. Se não carregar imediatamente, eles passarão para a próxima coisa.

Diminuir o tempo de carregamento do seu site é crucial. Além disso, o Google leva em consideração a velocidade de carregamento da página ao classificar sites para resultados de pesquisa. Se o SEO é uma grande prioridade para você, pode ser inteligente considerar um front-end diferente para o WordPress.

5. WordPress sem cabeça pode aumentar a segurança

Uma instalação comum do WordPress deixa exposta a interface administrativa de back-end e não apenas as telas de login. Mesmo usuários não administradores de baixo nível podem acessar o administrador de back-end. Às vezes, os hackers podem explorar isso por meio de um plugin ou tema vulnerável. Sites WordPress sem cabeça normalmente não usam um tema, e sites sem cabeça com foco em conteúdo podem limitar os usuários a alguns usuários confiáveis. O processo de login pode ser totalmente bloqueado neste cenário, e outros alvos possíveis para hackers podem ser desativados porque não são necessários.

Você pode usar um poderoso plug-in de segurança do WordPress, como o iThemes Security Pro, para proteger totalmente um site WordPress sem cabeçalho. É igualmente útil em qualquer tipo de site WordPress para proteger o back-end, definir funções de acesso de usuário adequadas e aplicar políticas de login seguras.

Quando é uma má ideia usar o WordPress sem cabeça?

Embora o WordPress headless seja uma ferramenta incrivelmente poderosa para se ter, ele vem com algumas desvantagens.

Pode ser complexo

Construir um CMS headless não é para desenvolvedores inexperientes, a menos que estejam preparados para um aprendizado significativo. Ao contrário do WordPress, que é 100% plug-and-play, um CMS headless não é. Você começa com uma instalação simples do WordPress e depois dissocia partes dela, principalmente o front-end. Em seguida, você precisará desenvolver seu próprio front-end. Se este for um território desconhecido, haverá uma curva de aprendizado significativa. Ao contrário dos sites WordPress normais, o WordPress sem cabeça não é tão amplamente compreendido ou tão bem documentado. Vale a pena se conectar e acompanhar o trabalho que está sendo feito pelos principais especialistas em hospedagem e desenvolvimento do WordPress sem cabeça.

Algumas coisas não vão funcionar

Recursos de edição de site mais recentes no WordPress não serão úteis ou utilizáveis ​​em um site headless. Conseguir que o editor de blocos dentro do editor de postagem do Gutenberg funcione bem com seu front-end sem cabeça também apresenta alguns desafios. Muitos plugins do WordPress podem não funcionar bem ou não funcionar em um ambiente headless. Os hosts e desenvolvedores do WordPress estão trabalhando para melhorar e oferecer suporte ao desenvolvimento sem cabeça do WordPress, portanto, essa é uma área que está sempre mudando. Pesquise cuidadosamente o estado atual da tecnologia headless do WordPress e planeje seu projeto de acordo.

A manutenção é obrigatória

Manter seu próprio código de front-end pode ser demorado. E como o editor de postagem do Gutenberg reside no back-end do WordPress, se você quiser usá-lo com seu site sem cabeçalho, terá que sincronizar seus estilos de back-end com sua estrutura de front-end desacoplada para uma verdadeira experiência WYSIWYG. Essa estrutura de front-end também precisará de manutenção constante. As implantações sem cabeça exigem um planejamento avançado cuidadoso para manutenção contínua que vai além de um site tradicional baseado em WordPress ou CMS.

Introdução ao WordPress sem cabeça

Instale o WordPress e corte o front-end!

Como geralmente acontece no WordPress, alguns plugins podem ajudá-lo a fazer isso. Um é apropriadamente chamado de plug-in Headless CMS. Instale e ative-o como qualquer outro plugin do WordPress.

Em seguida, comece a trabalhar no front-end do seu site. Você pode adotar algumas abordagens diferentes. Você pode decidir escolher um front-end ou estrutura já existente para construir, como Gatsby. Ou você pode considerar a criação de um Progressive Web App.

Jamstack

Se você não estiver familiarizado com o Jamstack, é uma plataforma usada com frequência para desenvolvimento web. Usá-lo serviria bem como um front-end para WordPress sem cabeça ou qualquer outro CMS.

O acoplamento fraco é um dos maiores pontos fortes do Jamstack. Se você já passou pelo processo de desacoplamento do WordPress, esse é um recurso que você achará muito útil.

Aplicativos Web progressivos (PWA)

Um PWA é semelhante a um site de várias maneiras. Mas, ao contrário dos sites, um PWA emprega uma grande variedade de bibliotecas Javascript que oferecem aos usuários uma experiência móvel nativa

Para isso, você precisará usar um framework como React ou Vue para desenvolver o app.

Gatsby

Você deseja acelerar seu processo de desenvolvimento enquanto mantém a maior parte da liberdade que obtém com um CMS headless?

O Gatsby é uma boa escolha e existe um plugin para ele.

O WordPress sem cabeça é para você?

O WordPress é uma ferramenta incrível por conta própria. Mas há momentos em que você pode exigir seu próprio front-end usando um CMS sem cabeça.

Neste guia, você aprendeu os métodos, razões e abordagens a serem seguidas ao configurar o WordPress sem cabeça.

Se você decidiu que ficar sem cabeça é a melhor maneira de atender às necessidades de desenvolvimento do seu site, agora você sabe o suficiente para começar.

O Melhor Plugin de Segurança do WordPress para Proteger e Proteger o WordPress

Atualmente, o WordPress é responsável por mais de 40% de todos os sites, tornando-se um alvo fácil para hackers com intenções maliciosas. O plug-in iThemes Security Pro elimina as suposições sobre a segurança do WordPress para facilitar a segurança e a proteção do seu site WordPress. É como ter um especialista em segurança em tempo integral na equipe que constantemente monitora e protege seu site WordPress para você.

Obtenha o iThemes Security Pro

Dan Knauss

Dan Knauss é generalista de conteúdo técnico da StellarWP. Ele é escritor, professor e freelancer trabalhando em código aberto desde o final dos anos 1990 e com WordPress desde 2004.