WooCommerce headless

Headless commerce significa separar o frontend (a loja que o cliente vê) do backend (o admin do WooCommerce, a base de produtos, as encomendas). Na prática: a sua loja corre num site Next.js / Astro / Remix alojado na Vercel ou na Cloudflare, que consulta o WooCommerce através de uma API REST ou GraphQL. Mantém o WC como back-office (encomendas, produtos, marketing), mas o cliente navega numa experiência personalizada e moderna. Vantagens: performance máxima (LCP < 1 s possível), liberdade total de design, o mesmo backend para web + app móvel + outros canais.

Quatro casos típicos: (1) está frustrado com a performance da loja WP clássica mesmo depois de otimizada e quer um LCP < 1 s; (2) quer um design muito específico, impossível de fazer de forma limpa com um tema Gutenberg; (3) vai lançar uma app móvel nativa (iOS / Android) e quer um backend de e-commerce único para web + apps; (4) é uma marca DTC em hipercrescimento e quer diferenciar-se pela experiência do cliente. Para 80% das lojas WC, a loja clássica otimizada continua a ser a melhor escolha.

Desenvolvimento completo de um frontend headless WooCommerce com Next.js ou Astro: conte com valores a partir de 18 000 €, entregue em 8-12 semanas para uma loja standard. Para projetos complexos (multilíngue, multimoeda, subscrições headless, PWA): 35 000 a 80 000 €. Auditoria prévia gratuita que orçamenta a complexidade em função do seu catálogo, do design pretendido e das suas necessidades.

Três opções principais: (1) Next.js — o mais difundido, ISR (Incremental Static Regeneration) excelente para catálogos, ecossistema React maduro, alojamento ideal na Vercel; (2) Astro — o mais rápido em performance bruta (zero JS por defeito), excelente para lojas com pouca interatividade, alojamento na Cloudflare ou na Netlify; (3) Remix — excelente em SSR streaming, boa opção para lojas com muita interatividade do lado do cliente. Orientamo-lo consoante a sua necessidade durante o enquadramento.

Duas abordagens: (1) WC REST API nativa (gratuita, incluída no WC) — simples, mas limitada em flexibilidade de consulta, são necessários vários pedidos para montar uma página complexa; (2) WPGraphQL + WooGraphQL (plugins gratuitos) — endpoint GraphQL que permite pedir exatamente os dados necessários num único pedido, muito mais eficiente para frontends modernos. O orçamento especifica a abordagem escolhida consoante as suas necessidades de consulta.

Sim, está incluído. Autenticação via cookies WC + JWT para as apps móveis, carrinho persistente em localStorage com sincronização do lado do servidor, checkout personalizado com Stripe Elements (ou outra gateway), webhooks de confirmação pós-checkout. O processo de compra é totalmente controlado do lado do frontend, usando o WC para a gestão de encomendas, stocks e fulfillment.

Sim, é um dos casos mais interessantes. O mesmo backend WC que o seu site, o mesmo catálogo, os mesmos clientes, as mesmas encomendas. App móvel nativa (Swift / Kotlin) ou multiplataforma (React Native / Flutter) que consome a mesma API. Caso de uso típico: marca DTC que lança uma app móvel para os clientes fiéis com notificações push, enquanto o site continua a servir a aquisição. Orçamento específico consoante as tecnologias móveis escolhidas.

Varia, mas com uma vantagem clara para o headless. Um site Next.js bem construído com ISR e alojamento na Vercel atinge tipicamente: LCP < 1 s nas páginas de produto (vs 2-3 s no clássico), INP < 50 ms, pontuação Lighthouse de 95-100. Comparado com um tema WP, mesmo otimizado (LCP de 1,5-2 s, pontuação de 80-90), é uma diferença real. Em SEO competitivo, estes ganhos traduzem-se em posições e conversões.