Empresa de desenvolvimento de WordPress Headless: Next.js e Astro

A maioria das empresas que pedem um WordPress sem cabeça não tem problemas com o WordPress. Eles têm um problema de front-end: páginas que carregam lentamente, um design que o tema não consegue oferecer ou conteúdo que precisa aparecer em um aplicativo móvel e no site. O Headless corrige isso e cria alguns novos problemas se você não estiver pronto para eles.

O que realmente significa WordPress sem cabeça com Next.js

Em um site WordPress normal, um sistema armazena o conteúdo e também cria todas as páginas. Em uma configuração sem cabeça, esses dois trabalhos se dividem. O WordPress continua sendo a fonte de conteúdo: seus editores usam as mesmas telas de administração, a mesma biblioteca de mídia, os mesmos campos personalizados. Um front-end separado, escrito em React, Next.js ou Astro, busca esse conteúdo por meio do WPGraphQL ou da API REST e renderiza as páginas que os visitantes veem.

Essa é a ideia por trás do uso do WordPress como um CMS sem cabeça. A “cabeça” é a camada do tema e você a trocou por um código que você controla completamente.

O que construímos

Em primeiro lugar, somos uma empresa de engenharia de software, o que molda a forma como abordamos isso. O front-end é um código de aplicativo real em TypeScript seguro, não um tema com algumas chamadas de API adicionadas.

• Um front-end Next.js ou Astro, escolhido de acordo com a interatividade do site (Astro para sites com muito conteúdo que quase não devem enviar JavaScript, Next.js quando há um comportamento semelhante ao de um aplicativo)
• Esquemas WPGraphQL ou REST projetados com base em seu modelo de conteúdo, para que o front-end não lute contra os dados
• Prévias de conteúdo, para que os editores vejam um rascunho no front-end real antes que ele seja publicado
• Uma fonte de conteúdo que alimenta o site, um aplicativo React Native e qualquer outra coisa que precise dele
• Configuração de cache e CDN para que as páginas sejam rápidas sob tráfego real
• Migração de um site WordPress existente, mantendo os URLs e o conteúdo intactos

Se você também precisa do Drupal ou de um CMS headless diferente, também fizemos esse trabalho, e diremos isso se outro sistema for melhor do que o WordPress.

Quando a falta de cabeça compensa

Imagine uma editora regional com alguns milhares de artigos, um aplicativo móvel e uma equipe editorial de doze pessoas. O site está lento porque o tema carrega dezenas de plug-ins em cada solicitação, e a equipe do aplicativo continua vasculhando o site em busca de conteúdo. O Headless oferece a eles um site rápido e pré-renderizado e uma API que tanto o site quanto o aplicativo leem. Os editores não se retreinam de forma alguma.

Também compensa quando os requisitos de design superam o que um tema pode razoavelmente fazer, quando você precisa de orçamentos rígidos de desempenho ou quando as equipes de segurança querem que o site público seja desacoplado do administrador e do banco de dados.

Quando não vale a pena

O Headless é mais para criar e mais para manter, já que agora você executa duas bases de código e uma API entre elas. Ignore-o para um pequeno site de brochuras que muda duas vezes por ano. Pense bem se sua equipe depende de criadores de páginas ou plug-ins de front-end (formulários, controles deslizantes, ferramentas de associação, muitos complementos de SEO) para alterar os layouts sem um desenvolvedor, porque eles são renderizados no tema e não o acompanharão até um front-end separado. Alguns podem ser reconstruídos como componentes; outros não, e você vai querer saber quais antes de confirmar.

Hospedagem e plataforma

Sweent é membro do WP Engine Agency Partner Program, e nossos projetos são apoiados por uma equipe dedicada de parceiros da WP Engine. Para a camada de conteúdo, isso significa EverCache e uma CDN global, atualizações automatizadas com reversão, proteção gerenciada de WAF e DDoS, preparação, backups diários e suporte 24 horas por dia, 7 dias por semana para WordPress. A plataforma passa por auditorias SOC 2 anuais e possui a certificação ISO 27001. Você pode ler mais sobre como essa parceria funciona em nossa [página do WP Engine] (/wp-engine).

Como funciona um compromisso

1. Auditamos seu modelo de conteúdo, plug-ins e tráfego para decidir se o headless é realmente necessário.
2. Projetamos o esquema de conteúdo e a camada da API e concordamos sobre quais páginas são pré-renderizadas.
3. Criamos o front-end em Next.js ou Astro junto com sua instância do WordPress, com visualizações.
4. Migramos conteúdo, configuramos redirecionamentos e testamos na preparação.
5. Lançamos e, em seguida, entregamos à sua equipe o repositório e a documentação. Como regra geral, nossos engenheiros se integram à sua equipe em vez de desaparecerem atrás de uma parede.

O lado da engenharia está em nossos [serviços de engenharia de software] (/services/software-engineering), e temos o status de SDVOSB e HubZone e um contrato GSA Multiple Award Schedule para compradores do setor público.

A desvantagem de pesar

Você ganha velocidade, liberdade de design e uma fonte de conteúdo que pode alimentar qualquer coisa. Você paga com uma segunda base de código e um pouco mais de disciplina de engenharia enquanto o site estiver ativo. Se seu roteiro precisar da primeira lista, uma breve conversa em nossa [página de contato] (/contact) decidirá se a segunda vale a pena.