tienda de demostración de hidrógeno

Plantilla de hidrógeno: Tienda de demostración

Hydrogen es la pila de Shopify para el comercio sin cabeza. Hydrogen está diseñado para encajar con Remix, el marco web completo de Shopify. Esta plantilla contiene una configuración completa de componentes, consultas y herramientas para comenzar con Hydrogen. Está implementado en hidrógeno.shop

Consulte los documentos de Hydrogen. Familiarícese con Remix.

¿Qué está incluido?

• remezclar
• Hidrógeno
• Oxígeno
• CLI de Shopify
• ESLint
• mas bonita
• Generador GraphQL
• Versiones de TypeScript y JavaScript
• CSS de viento de cola (a través de PostCSS)
• Configuración completa de componentes y rutas.

Empezando

Requisitos:

• Node.js versión 18.0.0 o superior

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

¡Recuerde actualizar .env con el dominio de su tienda y el token API de Storefront!

Edificio para producción

npm run build

Desarrollo local

npm run dev

Configuración para usar la API de la cuenta del cliente (sección /account )

Configurar dominio público usando ngrok

1. Configure una cuenta ngrok y agregue un dominio permanente (es decir, https://.app ).
2. Instale la CLI de ngrok para usar en la terminal
3. Inicie ngrok usando ngrok http --domain=.app 3000

Incluir dominio público en la configuración de API de la cuenta del cliente

1. Vaya a su administrador de Shopify => Aplicación/canal Hydrogen o Headless => API de cuenta de cliente => Configuración de la aplicación
2. Edite Callback URI(s) para incluir https://.app/account/authorize
3. Edite Javascript origin(s) para incluir su dominio público https://.app o manténgalo en blanco.
4. Edite Logout URI para incluir su dominio público https://.app o manténgalo en blanco