O Shopify anunciou uma reconstrução do Hydrogen em parceria com a Vercel. O Hydrogen deixa de ser um framework e passa a ser um toolkit: um conjunto de primitivas de commerce que funciona com qualquer framework (Next.js, Remix, Astro) e qualquer runtime (Oxygen, Vercel, Cloudflare Workers, Node, Deno).
Para times de desenvolvimento que avaliavam headless no Shopify, essa mudança redefine a conversão. Você não precisa mais adotar o framework do Shopify para usar as ferramentas do Shopify.
O que era o Hydrogen até agora
Hydrogen era um framework React baseado em Remix (antes em React Server Components), acoplado ao Oxygen (infraestrutura de hospedagem do Shopify). Para usar Hydrogen, você precisava adotar Remix como framework e, idealmente, hospedar no Oxygen.
O problema: muitos times já tinham expertise em Next.js ou outras stacks. Adotar Hydrogen significava trocar de framework, retreinar o time e reescrever componentes. O custo de adoção era alto demais para o benefício.
O que mudou
O novo Hydrogen é composto por três camadas. O núcleo: primitivas de commerce agnósticas de framework (carrinho, produto, coleção, formatação de preço, Shop Pay, analytics com consent handling). Bindings finos para o framework que você já usa (Next.js, Remix, etc.). Agent skills que ensinam seu coding agent (Cursor, Claude, Copilot) a montar o storefront usando as primitivas.
Isso significa que um time com expertise em Next.js pode construir um storefront Shopify headless usando Next.js com App Router, importando as primitivas do Hydrogen como qualquer pacote npm. Sem trocar de framework, sem lock-in.
Quando headless faz sentido em 2026
A pergunta mudou. Com Checkout Components em GA no Plus e o novo sistema de temas Horizon, o checkout customizável e a flexibilidade de front-end já não são motivos suficientes para ir headless.
Headless faz sentido quando a experiência de front-end exige algo que o Liquid não suporta. Aplicações com renderização dinâmica complexa (configuradores de produto 3D, experiências interativas). Storefronts multi-marca com compartilhamento de componentes. Integração profunda com apps PWA ou apps nativos. Operações que já têm infraestrutura de front-end madura e querem manter a stack.
Para a maioria das lojas brasileiras (90%+), Liquid com temas Horizon e Checkout Components resolve. Headless é para casos específicos, não para a regra.
O que muda para devs brasileiros
A barreira de entrada caiu. Se seu time já domina Next.js, construir um storefront Shopify headless ficou mais rápido. As primitivas do Hydrogen resolvem carrinho, checkout, pagamentos e analytics. Você foca no front-end e na experiência.
A hospedagem também flexibilizou. Não precisa usar Oxygen. Vercel, Cloudflare Workers ou qualquer plataforma que suporte edge functions funciona. Para operações que já têm conta na Vercel, a integração é direta.
Agent skills: IA ajudando a construir
O detalhe mais interessante: o novo Hydrogen vem com agent skills embutidas. São instruções que ensinam coding agents (como Cursor, Claude Code ou GitHub Copilot) a usar as primitivas corretamente.
Na prática, você abre o Cursor, pede \"crie uma página de produto com carrinho usando Hydrogen e Next.js\", e o agent sabe como montar. Isso reduz tempo de desenvolvimento significativamente para quem já trabalha com IA no fluxo de código.
Próximo passo
Se sua operação avalia headless, o novo Hydrogen muda o cálculo de custo e tempo. Mas avalie primeiro se Liquid + Checkout Components + Horizon não resolve o que você precisa. Headless adiciona complexidade operacional, e a maioria das lojas não precisa disso.
A Shakers trabalha com ambos os modelos: Liquid para operações padrão e headless para projetos que realmente exigem. Se você quer avaliar qual caminho faz sentido para sua marca, fale com a gente.