vercel
diff --git a/Collapse file: examples/hydrogen/.devcontainer/devcontainer.json
‎examples/hydrogen/.devcontainer/devcontainer.json‎
Copy file name to clipboard
+18Lines changed: 18 additions & 0 deletions b/Collapse file: examples/hydrogen/.devcontainer/devcontainer.json
‎examples/hydrogen/.devcontainer/devcontainer.json‎
Copy file name to clipboard
+18Lines changed: 18 additions & 0 deletions
diff --git a/Collapse file: examples/hydrogen/.eslintrc.js
‎examples/hydrogen/.eslintrc.js‎
Copy file name to clipboard
+8Lines changed: 8 additions & 0 deletions b/Collapse file: examples/hydrogen/.eslintrc.js
‎examples/hydrogen/.eslintrc.js‎
Copy file name to clipboard
+8Lines changed: 8 additions & 0 deletions
diff --git a/Collapse file: examples/hydrogen/.gitignore
‎examples/hydrogen/.gitignore‎
Copy file name to clipboard
+79Lines changed: 79 additions & 0 deletions b/Collapse file: examples/hydrogen/.gitignore
‎examples/hydrogen/.gitignore‎
Copy file name to clipboard
+79Lines changed: 79 additions & 0 deletions
diff --git a/Collapse file: examples/hydrogen/README.md
‎examples/hydrogen/README.md‎
Copy file name to clipboard
+50Lines changed: 50 additions & 0 deletions
Display the source diff
Display the rich diff b/Collapse file: examples/hydrogen/README.md
‎examples/hydrogen/README.md‎
Copy file name to clipboard
+50Lines changed: 50 additions & 0 deletions
Display the source diff
Display the rich diff
diff --git a/Collapse file: examples/hydrogen/hydrogen.config.ts
‎examples/hydrogen/hydrogen.config.ts‎
Copy file name to clipboard
+18Lines changed: 18 additions & 0 deletions b/Collapse file: examples/hydrogen/hydrogen.config.ts
‎examples/hydrogen/hydrogen.config.ts‎
Copy file name to clipboard
+18Lines changed: 18 additions & 0 deletions
diff --git a/Collapse file: examples/hydrogen/index.html
‎examples/hydrogen/index.html‎
Copy file name to clipboard
+17Lines changed: 17 additions & 0 deletions b/Collapse file: examples/hydrogen/index.html
‎examples/hydrogen/index.html‎
Copy file name to clipboard
+17Lines changed: 17 additions & 0 deletions
diff --git a/Collapse file: examples/hydrogen/package.json
‎examples/hydrogen/package.json‎
Copy file name to clipboard
+49Lines changed: 49 additions & 0 deletions b/Collapse file: examples/hydrogen/package.json
‎examples/hydrogen/package.json‎
Copy file name to clipboard
+49Lines changed: 49 additions & 0 deletions
diff --git a/Collapse file: examples/hydrogen/postcss.config.js
‎examples/hydrogen/postcss.config.js‎
Copy file name to clipboard
+10Lines changed: 10 additions & 0 deletions b/Collapse file: examples/hydrogen/postcss.config.js
‎examples/hydrogen/postcss.config.js‎
Copy file name to clipboard
+10Lines changed: 10 additions & 0 deletions
diff --git a/Collapse file: examples/hydrogen/public/fonts/IBMPlexSerif-Text.woff2
‎examples/hydrogen/public/fonts/IBMPlexSerif-Text.woff2‎
Copy file name to clipboard
51.7 KB b/Collapse file: examples/hydrogen/public/fonts/IBMPlexSerif-Text.woff2
‎examples/hydrogen/public/fonts/IBMPlexSerif-Text.woff2‎
Copy file name to clipboard
51.7 KB
diff --git a/Collapse file: examples/hydrogen/public/fonts/IBMPlexSerif-TextItalic.woff2
‎examples/hydrogen/public/fonts/IBMPlexSerif-TextItalic.woff2‎
Copy file name to clipboard
56.4 KB b/Collapse file: examples/hydrogen/public/fonts/IBMPlexSerif-TextItalic.woff2
‎examples/hydrogen/public/fonts/IBMPlexSerif-TextItalic.woff2‎
Copy file name to clipboard
56.4 KB
@@ -0,0 +1,18 @@
+{
+  "name": "Shopify Hydrogen",
+  "image": "mcr.microsoft.com/vscode/devcontainers/javascript-node:0-16",
+  "settings": {},
+  "extensions": [
+    "graphql.vscode-graphql",
+    "dbaeumer.vscode-eslint",
+    "bradlc.vscode-tailwindcss",
+    "esbenp.prettier-vscode"
+  ],
+  "forwardPorts": [3000],
+  "postCreateCommand": "yarn install",
+  "postStartCommand": "yarn dev",
+  "remoteUser": "node",
+  "features": {
+    "git": "latest"
+  }
+}
@@ -0,0 +1,8 @@
+module.exports = {
+  extends: ['plugin:hydrogen/recommended', 'plugin:hydrogen/typescript'],
+  rules: {
+    'node/no-missing-import': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/naming-convention': 'off',
+  },
+};
@@ -0,0 +1,79 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# Serverless directories
+.serverless/
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+# Vite output
+dist
+
+.vercel
@@ -0,0 +1,50 @@
+# Hydrogen
+
+[Hydrogen](https://shopify.dev/custom-storefronts/hydrogen) is a React framework and SDK that you can use to build fast and dynamic Shopify custom storefronts.
+
+## Deploy Your Own
+
+Deploy your own Hydrogen project with Vercel.
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/hydrogen&template=hydrogen)
+
+_Live Example: https://hydrogen-template.vercel.app_
+
+## Getting started
+
+**Requirements:**
+
+- Node.js version 16.5.0 or higher
+- Yarn
+
+To create a new Hydrogen app, run:
+
+```bash
+npm init @shopify/hydrogen
+```
+
+## Running the dev server
+
+Then `cd` into the new directory and run:
+
+```bash
+npm install
+npm run dev
+```
+
+Remember to update `hydrogen.config.js` with your shop's domain and Storefront API token!
+
+## Building for production
+
+```bash
+npm run build
+```
+
+## Previewing a production build
+
+To run a local preview of your Hydrogen app in an environment similar to Oxygen, build your Hydrogen app and then run `npm run preview`:
+
+```bash
+npm run build
+npm run preview
+```
@@ -0,0 +1,18 @@
+import {defineConfig, CookieSessionStorage} from '@shopify/hydrogen/config';
+
+export default defineConfig({
+  shopify: {
+    defaultCountryCode: 'US',
+    defaultLanguageCode: 'EN',
+    storeDomain: 'hydrogen-preview.myshopify.com',
+    storefrontToken: '3b580e70970c4528da70c98e097c2fa0',
+    storefrontApiVersion: '2022-07',
+  },
+  session: CookieSessionStorage('__session', {
+    path: '/',
+    httpOnly: true,
+    secure: import.meta.env.PROD,
+    sameSite: 'Strict',
+    maxAge: 60 * 60 * 24 * 30,
+  }),
+});
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/src/assets/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Hydrogen</title>
+    <link rel="stylesheet" href="/src/styles/index.css" />
+    <link rel="preconnect" href="https://cdn.shopify.com" />
+    <link rel="preconnect" href="https://shop.app/" />
+    <link rel="preconnect" href="https://hydrogen-preview.myshopify.com/" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/@shopify/hydrogen/entry-client"></script>
+  </body>
+</html>
@@ -0,0 +1,49 @@
+{
+  "name": "hydrogen",
+  "description": "Demo store template for @shopify/hydrogen",
+  "version": "0.0.0",
+  "license": "MIT",
+  "private": true,
+  "scripts": {
+    "dev": "shopify hydrogen dev",
+    "build": "shopify hydrogen build",
+    "preview": "shopify hydrogen preview",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
+    "lint-ts": "tsc --noEmit",
+    "test": "WATCH=true vitest",
+    "test:ci": "yarn build -t node && vitest run"
+  },
+  "devDependencies": {
+    "@shopify/cli": "3.0.27",
+    "@shopify/cli-hydrogen": "3.0.27",
+    "@shopify/prettier-config": "^1.1.2",
+    "@tailwindcss/forms": "^0.5.2",
+    "@tailwindcss/typography": "^0.5.2",
+    "@types/react": "^18.0.14",
+    "eslint": "^8.18.0",
+    "eslint-plugin-hydrogen": "^0.12.2",
+    "playwright": "^1.22.2",
+    "postcss": "^8.4.14",
+    "postcss-import": "^14.1.0",
+    "postcss-preset-env": "^7.6.0",
+    "prettier": "^2.3.2",
+    "tailwindcss": "^3.0.24",
+    "typescript": "^4.7.2",
+    "vite": "^2.9.0",
+    "vitest": "^0.15.2"
+  },
+  "prettier": "@shopify/prettier-config",
+  "dependencies": {
+    "@headlessui/react": "^1.6.4",
+    "@heroicons/react": "^1.0.6",
+    "@shopify/hydrogen": "^1.0.2",
+    "clsx": "^1.1.1",
+    "graphql-tag": "^2.12.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-use": "^17.4.0",
+    "title": "^3.4.4",
+    "typographic-base": "^1.0.4"
+  },
+  "author": "nrajlich"
+}
@@ -0,0 +1,10 @@
+module.exports = {
+  plugins: {
+    'postcss-import': {},
+    'tailwindcss/nesting': {},
+    tailwindcss: {},
+    'postcss-preset-env': {
+      features: {'nesting-rules': false},
+    },
+  },
+};