демонстрационный магазин водорода

Шаблон водорода: Демонстрационный магазин

Hydrogen — это стек Shopify для безголовой коммерции. Hydrogen разработан для совместимости с Remix, полнофункциональным веб-фреймворком Shopify. Этот шаблон содержит полнофункциональную настройку компонентов, запросов и инструментов для начала работы с Hydrogen. Он развернут на сайте Hydrogen.shop.

Ознакомьтесь с документацией по Hydrogen. Познакомьтесь с Remix.

Что включено

• Ремикс
• Водород
• Кислород
• Shopify CLI
• ESLint
• красивее
• Генератор GraphQL
• Варианты TypeScript и JavaScript
• CSS попутного ветра (через PostCSS)
• Полнофункциональная настройка компонентов и маршрутов

Начиная

Требования:

• Node.js версии 18.0.0 или выше

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

Не забудьте обновить .env указав домен вашего магазина и токен API витрины!

Здание для производства

npm run build

Местное развитие

npm run dev

Настройка использования API учетной записи клиента (раздел /account )

Настройка общественного достояния с помощью ngrok

1. Настройте учетную запись ngrok и добавьте постоянный домен (т. е. https://.app ).
2. Установите CLI ngrok для использования в терминале.
3. Запустите ngrok, используя ngrok http --domain=.app 3000

Включить общедоступный домен в настройки API учетной записи клиента.

1. Перейдите к администратору Shopify => Приложение/канал Hydrogen или Headless => API учетной записи клиента => Настройка приложения.
2. Отредактируйте Callback URI(s) включив https://.app/account/authorize
3. Отредактируйте Javascript origin(s) включив в него свой общедоступный домен https://.app , или оставьте его пустым.
4. Измените Logout URI , включив в него свой общедоступный домен https://.app , или оставьте его пустым.