// Comparativo

Shopify Liquid vs Hydrogen: Tema Tradicional ou Headless?

Shopify oferece dois caminhos para construir o frontend da sua loja: temas Liquid e Hydrogen. Liquid e a abordagem classica, testada por milhoes de lojas, com hospedagem incluida, editor visual e ecossistema maduro de temas e apps. Hydrogen e a resposta da Shopify para o mundo headless. Um framework React baseado em Remix, com Storefront API, streaming SSR e deploy via Oxygen ou qualquer provider como Vercel. A escolha entre os dois nao e apenas tecnica. Envolve custo, tamanho de equipe, necessidade de customizacao e objetivos de performance. Muitas lojas que migram para headless prematuramente gastam mais, demoram mais para entregar e ganham pouco em conversao. Neste comparativo, ajudamos voce a entender quando cada abordagem realmente faz sentido.

Comparativo tecnico

Quando usar Liquid

Liquid e a escolha certa para a grande maioria das lojas Shopify. Se seu faturamento esta abaixo de R$50 milhoes/ano, se voce nao tem uma equipe de engenharia dedicada ou se prioriza velocidade de iteracao sobre customizacao extrema, Liquid atende perfeitamente. Temas modernos como Dawn (da propria Shopify) entregam Lighthouse scores acima de 90 out-of-box. Com Section Groups, metafields e a Online Store 2.0, o nivel de customizacao sem codigo e surpreendentemente alto. A equipe de marketing consegue alterar layouts, criar landing pages e gerenciar conteudo sem deploy. O ecossistema de apps e incomparavel. Reviews, upsell, subscriptions, bundles - tudo funciona nativamente com Liquid. Ao ir para headless, voce perde compatibilidade com a maioria desses apps e precisa reconstruir ou integrar via API. O custo total de propriedade de uma loja Liquid bem otimizada e significativamente menor que uma implementacao Hydrogen equivalente.

Quando usar Hydrogen

Hydrogen se justifica quando a experiencia frontend e o diferencial competitivo da marca. Se voce precisa de animacoes complexas, transicoes de pagina fluidas, experiencias 3D, configuradores de produto interativos ou integracao com sistemas proprietarios que exigem controle total do frontend, Hydrogen entrega isso. Marcas com trafego global elevado e exigencia de performance sub-segundo em qualquer regiao se beneficiam do streaming SSR e deploy na edge. O controle total sobre HTML, CSS e JavaScript permite otimizacoes impossíveis em temas Liquid. Para operacoes que ja possuem equipe React experiente e infraestrutura de CI/CD madura, o custo adicional de Hydrogen e diluido. A produtividade de uma equipe que domina React e superior ao que a mesma equipe conseguiria com Liquid. O requisito minimo e claro: equipe tecnica dedicada, budget para infraestrutura separada e um caso de negocio que justifique o investimento adicional.

Veredicto

Para 90% das lojas Shopify, Liquid e a escolha correta. Performance excelente, custo baixo, ecossistema rico e velocidade de entrega incomparavel. Ir para headless sem necessidade real e over-engineering que custa caro e entrega pouco. Hydrogen faz sentido para o top 10% de operacoes que precisam de experiencias verdadeiramente diferenciadas e tem equipe e budget para sustentar a complexidade. Se voce esta em duvida, provavelmente Liquid atende. Na Odus, trabalhamos com ambas as abordagens e podemos avaliar qual faz sentido para o seu estagio de operacao, sem viés por tecnologia.

FAQ