Pular para o conteúdo principal
WordPress headless

WordPress headless com Astro ou Next.js

A sua equipa continua a editar no WordPress. O visitante recebe um front construído com Astro ou Next.js e servido a partir de uma CDN. Dizemos-lhe o que se ganha, o que custa e quando não vale a pena.

webhookdeploy
Editor
publica conteúdo
WP
WordPress
só CMS · API
Astro / Next.js
constrói o front
CDN
HTML estático

O WordPress headless separa o gestor de conteúdo do site público. O WordPress guarda e edita o conteúdo e expõe-no pela REST API ou WPGraphQL; um front em Astro ou Next.js consome-o e gera as páginas, que são servidas a partir de uma CDN. A Soamee constrói estas arquiteturas mantendo o editor que a equipa já conhece. O custo é real: o SEO, os formulários e a pré-visualização deixam de vir de plugins e têm de ser construídos no front. Por isso recomendamo-lo quando o desempenho ou o controlo do front são um requisito, e não como moda.

Arquiteturas

Três formas de o montar

A escolha depende da frequência com que o conteúdo muda e de haver ou não partes dinâmicas.

Geração estática com Astro

Cada publicação lança uma construção do site e o HTML resultante vai para a CDN. É o mais rápido e o mais barato de servir, e encaixa em sites corporativos, blogues e catálogos que mudam com pouca frequência.

webhookHTML
WP
WordPress
publicar
Build
pede o conteúdo à API
CDN
páginas já feitas
Contrapartidas

O que muda em relação a um WordPress clássico

Headless não é melhor por defeito. Isto é o que se ganha e o que é preciso construir à mão.

WordPress clássico WordPress headless
O tema desenha a página em cada pedido, com PHP e consultas à base de dados
O front serve HTML já construído a partir de uma CDN e o WordPress não recebe tráfego público
Os plugins de SEO, formulários e cache ligam-se sozinhos
SEO, formulários e metadados têm de ser construídos no front: ganha-se controlo, perde-se o ligar e pronto
A pré-visualização é a própria página
A pré-visualização tem de ser montada com um modo rascunho
Um só sistema para atualizar e proteger, mas exposto ao público
Dois sistemas para fazer deploy, com o WordPress escondido atrás de uma API

Tem dúvidas se headless faz sentido no seu site?

Avaliamos juntos →
SEO

Mudar de front sem perder posicionamento

Para o Google, uma mudança de front é uma mudança de plataforma. Antes de mexer em seja o que for faz-se o inventário de URLs e cruza-se com o Search Console para saber quais recebem tráfego. Esses URLs conservam-se tal como estão ou redirecionam-se com um 301 para o seu equivalente.

Os títulos, descrições, canonicals, hreflang e o markup estruturado que antes punha um plugin reproduzem-se no novo front e comparam-se com o site original antes da saída. Depois da mudança vigia-se o rastreio no Search Console durante as primeiras semanas.

FAQ

Perguntas frequentes sobre WordPress headless

O que é WordPress headless?
É usar o WordPress apenas como gestor de conteúdo. Os editores continuam no admin de sempre, mas o site que o visitante vê é construído por outro front (Astro, Next.js) que pede o conteúdo ao WordPress pela REST API ou WPGraphQL.
O que se ganha e o que se perde?
Ganha-se controlo do front, páginas estáticas a partir de uma CDN e o WordPress deixa de estar exposto ao tráfego público. Perde-se a comodidade dos plugins que desenham coisas na página: SEO, formulários, cache ou pesquisa têm de ser resolvidos no front. Dá mais trabalho inicial e só compensa se o desempenho ou o controlo do front forem um requisito.
É possível manter o posicionamento atual?
Sim, se for planeado. Os URLs mantêm-se ou redirecionam-se com 301, os metadados e o markup estruturado reproduzem-se no novo front e compara-se o rastreio antes e depois da mudança.
E a pré-visualização de rascunhos?
Resolve-se com um modo de pré-visualização: o editor clica em Pré-visualizar no WordPress e o front mostra o rascunho autenticado, sem o publicar.
Funciona com WooCommerce?
Sim. Catálogo e encomendas vivem no WooCommerce e o front consulta-os por API. Há mais peças do que num site de conteúdo (carrinho, sessões, checkout), por isso avaliamos caso a caso. Mais detalhe na página de WooCommerce.
Vamos começar

Mesmo editor, outro front

Revemos o seu WordPress atual e dizemos-lhe se o headless resolve o seu problema ou se há uma solução mais barata.

WordPress headless com Astro ou Next.js

Conte-nos seu desafio. Propomos uma solução.

Sem compromisso. Em menos de 24 horas, você recebe uma proposta com escopo, cronograma e orçamento. Sem letras miúdas.

Agende uma call gratuita →