WordPress Plugins WordPress

Kit Headless WooCommerce: Front-end Desacoplado e API

Front-end Next.js 15 pronto a usar para WooCommerce: autenticação JWT, carrinho, checkout, ISR e implantação Vercel ou Hetzner num comando.

O Headless Starter Kit transforma a sua loja WooCommerce em comércio headless em poucos minutos. O plugin expõe as API JWT e REST necessárias do lado do WordPress e entrega, em descarregamento direto a partir da administração, um projeto Next.js 15 completo pré-configurado com os seus URL e segredos.

Next.js 15 WooCommerce 8+ Compatível com HPOS Pronto para Vercel e Hetzner
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Kit de arranque headless para uma loja WooCommerce desacoplada
v1.0.0 · atualizado 2026-05-23
O que faz

A versão curta.

01

Autenticação JWT autónoma

Login, refresh, /me, register e logout, sem dependências do Composer nem bibliotecas de terceiros (HS256 próprio).

02

Carrinho stateless ou no servidor

Modo JWT assinado para edge e várias instâncias, ou WC_Session nativo para se manter compatível com as suas extensões WooCommerce.

03

Checkout do WooCommerce intacto

Criação de uma encomenda real, hooks nativos acionados e redirecionamento para o gateway de pagamento existente (Stripe, PayPal, Mollie, etc.).

04

ISR a pedido

Webhooks em produtos, categorias, encomendas e páginas. O Next.js regenera apenas o que muda, sem cron nem rebuild completo.

05

Implantação num comando

Vercel sem configuração ou Hetzner através de docker-compose e do script bash incluído. Variáveis de ambiente pré-preenchidas.

06

Starter Next.js incluído no ZIP

Tailwind 3.4, App Router, iron-session, páginas inicial, listagem, ficha de produto ISR, carrinho, checkout, início de sessão, registo e conta de cliente.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Kit Headless WooCommerce: Front-end Desacoplado e API funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Porquê passar para headless?

Desacoplar o front-end do back-end WordPress é ganhar em desempenho (Core Web Vitals no verde graças ao ISR), em flexibilidade de design (Tailwind e componentes React modernos) e em segurança (o seu back-office fica invisível publicamente). O Headless Starter Kit fornece a ponte pronta a usar sem reinventar a autenticação, o carrinho nem o checkout.

§ 02

Autenticação JWT sem dependências

O plugin traz a sua própria implementação HS256, sem necessidade de Composer, de bibliotecas de terceiros ou de um fork do simple-jwt-auth. Tokens de acesso de curta duração (60 minutos por predefinição) e refresh tokens de longa duração (30 dias), todos configuráveis. Os refresh tokens são guardados do lado do Next.js em cookies httpOnly cifrados através do iron-session.

§ 03

Carrinho: escolha o seu modo

Modo JWT (predefinido): o carrinho completo é serializado num token assinado devolvido no cabeçalho X-DFHSK-Cart. Sem qualquer base de dados envolvida, ideal para Vercel edge ou para várias instâncias. Modo servidor: o carrinho vive no WC_Session nativo. Indispensável se usa extensões WC que fazem hook no carrinho (subscrições, preços dinâmicos, etc.).

§ 04

Checkout: todo o WooCommerce continua utilizável

O plugin não reimplementa o checkout. Cria uma encomenda WooCommerce real, aciona todos os hooks habituais (notificações, stock, impostos, gateways de pagamento) e devolve o URL de redirecionamento para o gateway. Stripe, PayPal, Mollie, transferência, cheque: tudo o que funciona no WooCommerce funciona aqui.

§ 05

ISR sem dores de cabeça

A cada alteração de um produto, de uma categoria, de uma página ou de uma encomenda, o plugin envia um POST assinado para o /api/revalidate do seu front-end Next.js. Decide nas definições que eventos propagar e que caminhos ou tags revalidar. Sem cache obsoleta, sem cron, sem rebuild completo.

§ 06

Starter Next.js incluído, pronto a implantar

O ZIP entregue contém um projeto Next.js 15 (App Router) completo: página inicial, listagem, ficha de produto ISR, carrinho, checkout, início de sessão, registo e área de cliente. Variáveis de ambiente já preenchidas com os seus URL e segredos do WordPress. Implantação Vercel sem configuração ou Hetzner através de docker-compose e script bash.

§ 07

Diagnósticos integrados

Separador Diagnósticos na administração do WordPress: 11 verificações automáticas (WooCommerce ativo, ligações permanentes limpas, REST acessível, HTTPS, GraphQL detetado, segredo JWT definido, URL do front-end configurado, origens CORS válidas, token de revalidação, chaves REST do WooCommerce, modo do carrinho). Verde, laranja ou vermelho para identificar de imediato o que está a bloquear.