Headless commerce: o que é, como funciona e quando usar
Headless commerce separa o frontend (o que o cliente vê) do backend (onde os dados vivem). Em vez de um sistema monolítico que controla tudo, você tem um backend de e-commerce expondo APIs e um frontend independente consumindo esses dados. O resultado pode ser performance superior e flexibilidade total, ou complexidade desnecessária. Depende do contexto.
Monolito vs headless na prática
Em um monolito (VTEX CMS, Shopify com Liquid), o backend gera o HTML que o cliente vê. Tudo é acoplado: mudar o frontend exige respeitar as regras do backend. Em headless, o frontend é um projeto separado (React, Next.js, Fresh) que busca dados via API. Você tem liberdade total no frontend, mas precisa construir e manter dois sistemas.
Benefícios reais
Performance: frontend otimizado com SSR, edge rendering, bundle mínimo. Lighthouse 90+ consistente. Flexibilidade: usar qualquer framework (React, Preact, Vue, Svelte). Omnichannel: o mesmo backend alimenta site, app mobile, totem e marketplace. Time independente: frontend e backend evoluem em ritmos diferentes sem bloquear um ao outro.
Trade-offs honestos
Complexidade: dois projetos para manter em vez de um. Custo: desenvolvimento headless custa 2-3x mais que um tema. Time: precisa de desenvolvedores frontend experientes. Funcionalidades: recursos nativos da plataforma (preview, editor visual) podem não funcionar. Debugging: problemas podem estar no frontend, no backend ou na API entre eles.
Exemplos práticos
deco.cx: frontend headless com editor visual, ideal para VTEX e Shopify. Hydrogen: framework headless do Shopify com Remix, deploy no Oxygen. Next.js customizado: máxima flexibilidade, consome qualquer API. Cada abordagem tem seus trade-offs. deco.cx e Hydrogen reduzem a complexidade com frameworks opinados. Next.js puro dá mais liberdade mas exige mais decisões.
Quando headless é overkill
Se a loja é simples, o catálogo é pequeno, o time não tem experiência com frontend moderno, ou o orçamento é limitado, um tema bem feito (Liquid, Store Framework, Nuvemshop) é mais eficiente. Headless se justifica quando a performance é diferencial competitivo, quando o frontend precisa de customização impossível no monolito, ou quando a operação precisa de omnichannel real.