Shopify headless et Hydrogen : quand c'est justifié
Le commerce headless signifie exécuter votre propre vitrine contre les API de Shopify au lieu d'utiliser un thème Liquid. Hydrogen est le framework de Shopify pour faire cela.
La technologie fonctionne. La question est de savoir si la boutique que vous construisez en a besoin, car le coût n'est pas la construction — c'est la décennie de maintenance qui suit.
Ce que vous gagnez et ce que vous assumez#
| Thème Liquid | Headless | |
|---|---|---|
| Contrôle de la vitrine | Dans la structure du thème | Total |
| Hébergement | Shopify | Le vôtre à gérer |
| Délai de lancement | Semaines | Mois |
| Mises à jour de la plateforme | Principalement automatiques | Vos mises à jour de dépendances |
| Éditeur de thème pour les marchands | Complet | Ce que vous construisez |
| Équipe nécessaire | Développeur Shopify | Équipe front-end, en continu |
Bonnes raisons d'aller en headless#
- La vitrine doit s'intégrer profondément avec une expérience non-Shopify — un configurateur, un système de réservation, une app existante.
- Le contenu et le commerce sont également importants et vivent déjà dans un système séparé.
- Vous avez une équipe front-end qui sera encore là dans trois ans.
- Des exigences de performance que la couche thème ne peut vraiment pas satisfaire, mesurées plutôt que supposées.
Mauvaises raisons#
« Les thèmes sont limitants » signifie généralement que le thème a été mal choisi ou personnalisé dans un coin. « Le headless est plus rapide » n'est vrai que si vous le construisez bien ; une vitrine headless mal construite est plus lente qu'un bon thème, et il n'y a personne d'autre que vous pour le corriger.
Mesurez le thème actuel avant de conclure que le thème est le problème. Dans la plupart des audits, le problème est les apps et les images, et les deux survivent à une reconstruction headless.
La partie que les gens oublient#
Vous perdez l'éditeur de thème. Les marchands qui pouvaient réordonner une page déposent maintenant un ticket. Reconstruire une expérience d'édition pour les marchands est un vrai travail, et l'ignorer déplace le coût de votre équipe vers la leur, définitivement.
Questions fréquentes
Hydrogen est-il requis pour le headless ?
Non, mais c'est le chemin le mieux supporté et supprime beaucoup de travail indifférencié si vous allez en headless de toute façon.
Le headless améliore-t-il le SEO ?
Seulement par la vitesse et la structure que vous devriez construire correctement. Il introduit aussi des façons de mal faire le rendu qu'un thème ne peut pas.
Pouvons-nous passer en headless plus tard ?
Oui. Garder les données produit propres et le contenu dans les metaobjects rend cette migration beaucoup moins chère.
shopify headlessshopify hydrogencommerce headlessshopify storefront apihydrogen vs liquid