Shopify headless e Hydrogen: quando é justificado
Comércio headless significa executar a sua própria montra contra as APIs da Shopify em vez de usar um tema Liquid. Hydrogen é a framework da Shopify para fazer isso.
A tecnologia funciona. A questão é se a loja que está a construir precisa dela, porque o custo não é a construção — é a década de manutenção que se segue.
O que ganha e o que assume#
| Tema Liquid | Headless | |
|---|---|---|
| Controlo da montra | Dentro da estrutura do tema | Total |
| Alojamento | Shopify | Seu para executar |
| Tempo até lançamento | Semanas | Meses |
| Atualizações da plataforma | Maioritariamente automáticas | As suas atualizações de dependências |
| Editor de temas para comerciantes | Completo | O que construir |
| Equipa necessária | Programador Shopify | Equipa front-end, contínua |
Boas razões para ir headless#
- A montra deve integrar-se profundamente com uma experiência não-Shopify — um configurador, um sistema de reservas, uma aplicação existente.
- Conteúdo e comércio são igualmente importantes e vivem num sistema separado já.
- Tem uma equipa front-end que ainda estará aqui daqui a três anos.
- Requisitos de desempenho que a camada de tema genuinamente não consegue cumprir, medidos em vez de assumidos.
Más razões#
"Os temas são limitadores" normalmente significa que o tema foi mal escolhido ou personalizado para um canto. "Headless é mais rápido" é verdade apenas se o construir bem; uma montra headless mal construída é mais lenta que um bom tema, e não há ninguém além de si para o corrigir.
Meça o tema atual antes de concluir que o tema é o problema. Na maioria das auditorias o problema são aplicações e imagens, e ambos sobrevivem a uma reconstrução headless.
A parte que as pessoas esquecem#
Perde o editor de temas. Comerciantes que podiam reordenar uma página agora abrem um ticket. Reconstruir uma experiência de edição para comerciantes é trabalho real, e saltá-lo move o custo da sua equipa para a deles, permanentemente.
Perguntas frequentes
Hydrogen é obrigatório para headless?
Não, mas é o caminho mais bem suportado e remove muito trabalho indiferenciado se vai headless de qualquer forma.
Headless melhora SEO?
Apenas através de velocidade e estrutura que teria de construir corretamente. Também introduz formas de errar a renderização que um tema não pode.
Podemos ir headless mais tarde?
Sim. Manter dados de produto limpos e conteúdo em metaobjects torna essa migração muito mais barata.
shopify headlessshopify hydrogencomercio headlessshopify storefront apihydrogen vs liquid