loja de demonstração de hidrogênio

Modelo de hidrogênio: Demo Store

O hidrogênio é a pilha do Shopify para comércio sem cabeça. O Hydrogen foi projetado para se encaixar no Remix, a estrutura web full stack do Shopify. Este modelo contém uma configuração completa de componentes, consultas e ferramentas para começar a usar o Hydrogen. Ele é implantado em hydrogen.shop

Confira a documentação do Hydrogen Familiarize-se com o Remix

O que está incluído

• Remixar
• Hidrogênio
• Oxigênio
• CLI da Shopify
• ESLint
• Mais bonito
• Gerador GraphQL
• Sabores TypeScript e JavaScript
• Tailwind CSS (via PostCSS)
• Configuração completa de componentes e rotas

Começando

Requisitos:

• Node.js versão 18.0.0 ou superior

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

Lembre-se de atualizar .env com o domínio da sua loja e o token da API Storefront!

Edifício para produção

npm run build

Desenvolvimento local

npm run dev

Configuração para usar a API de conta do cliente (seção /account )

Configure o domínio público usando ngrok

1. Configure uma conta ngrok e adicione um domínio permanente (ou seja, https://.app ).
2. Instale a CLI ngrok para usar no terminal
3. Inicie o ngrok usando ngrok http --domain=.app 3000

Incluir domínio público nas configurações da API da conta do cliente

1. Vá para o administrador do Shopify => Aplicativo/canal Hydrogen ou Headless => API da conta do cliente => Configuração do aplicativo
2. Edite Callback URI(s) para incluir https://.app/account/authorize
3. Edite Javascript origin(s) para incluir seu domínio público https://.app ou mantenha-o em branco
4. Edite Logout URI para incluir seu domínio público https://.app ou mantenha-o em branco