Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nicolaspadari/hydrogen-demo-store
https://github.com/nicolaspadari/hydrogen-demo-store
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/nicolaspadari/hydrogen-demo-store
- Owner: NicolaSpadari
- Created: 2024-06-26T13:19:17.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-26T13:19:19.000Z (7 months ago)
- Last Synced: 2024-12-09T03:48:59.393Z (about 1 month ago)
- Language: TypeScript
- Size: 408 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Hydrogen template: Demo Store
Hydrogen is Shopify’s stack for headless commerce. Hydrogen is designed to dovetail with [Remix](https://remix.run/), Shopify’s full stack web framework. This template contains a **full-featured setup** of components, queries and tooling to get started with Hydrogen. It is deployed at [hydrogen.shop](https://hydrogen.shop)
[Check out Hydrogen docs](https://shopify.dev/custom-storefronts/hydrogen)
[Get familiar with Remix](https://remix.run/docs/en/v1)
## What's included
- Remix
- Hydrogen
- Oxygen
- Shopify CLI
- ESLint
- Prettier
- GraphQL generator
- TypeScript and JavaScript flavors
- Tailwind CSS (via PostCSS)
- Full-featured setup of components and routes
## Getting started
**Requirements:**
- Node.js version 18.0.0 or higher
```bash
npm create @shopify/hydrogen@latest -- --template demo-store
```
Remember to update `.env` with your shop's domain and Storefront API token!
## Building for production
```bash
npm run build
```
## Local development
```bash
npm run dev
```
## Setup for using Customer Account API (`/account` section)
### Setup public domain using ngrok
1. Setup a [ngrok](https://ngrok.com/) account and add a permanent domain (ie. `https://.app`).
1. Install the [ngrok CLI](https://ngrok.com/download) to use in terminal
1. Start ngrok using `ngrok http --domain=.app 3000`
### Include public domain in Customer Account API settings
1. Go to your Shopify admin => `Hydrogen` or `Headless` app/channel => Customer Account API => Application setup
1. Edit `Callback URI(s)` to include `https://.app/account/authorize`
1. Edit `Javascript origin(s)` to include your public domain `https://.app` or keep it blank
1. Edit `Logout URI` to include your public domain `https://.app` or keep it blank