magasin de démonstration d'hydrogène

Modèle Hydrogène : Demo Store

Hydrogen est la pile de Shopify pour le commerce sans tête. Hydrogen est conçu pour s'intégrer à Remix, le framework Web complet de Shopify. Ce modèle contient une configuration complète de composants, de requêtes et d'outils pour démarrer avec Hydrogen. Il est déployé surhydrogen.shop

Consultez la documentation Hydrogen Familiarisez-vous avec Remix

Ce qui est inclus

• Remixer
• Hydrogène
• Oxygène
• CLI Shopify
• ESLint
• Plus jolie
• Générateur GraphQL
• Saveurs TypeScript et JavaScript
• CSS Tailwind (via PostCSS)
• Configuration complète des composants et des itinéraires

Commencer

Exigences:

• Node.js version 18.0.0 ou supérieure

npm create @shopify/hydrogen@latest -- --template demo-store

N'oubliez pas de mettre à jour .env avec le domaine de votre boutique et le jeton API Storefront !

Bâtiment pour la production

npm run build

Développement local

npm run dev

Configuration pour l'utilisation de l'API de compte client (section /account )

Configurer le domaine public à l'aide de ngrok

1. Créez un compte ngrok et ajoutez un domaine permanent (c'est-à-dire https://.app ).
2. Installez la CLI ngrok à utiliser dans le terminal
3. Démarrez ngrok en utilisant ngrok http --domain=.app 3000

Inclure le domaine public dans les paramètres de l'API du compte client

1. Accédez à votre interface administrateur Shopify => Application/canal Hydrogen ou Headless => API de compte client => Configuration de l'application
2. Modifiez Callback URI(s) pour inclure https://.app/account/authorize
3. Modifiez Javascript origin(s) pour inclure votre domaine public https://.app ou laissez-le vide
4. Modifiez Logout URI pour inclure votre domaine public https://.app ou laissez-le vide