Shopify Hydrogen 触ってみた

mkdir test && cd test
yarn create @shopify/hydrogen
- 色々聞かれるので答える

yarn dev # shopify hydrogen dev

├── public
    └── .gitkeep
├── src
    └── assets
    │   └── favicon.svg   // ファビコン
    ├── routes
    │   ├── index.server.jsx  // ホームページを表示するためのファイル
    ├── App.server.jsx  // トップレベルコンポーネンt
    ├── index.css   // スタイル
├── hydrogen.config.js  // ここで認証情報を設定
├── index.html   // HTMLルートファイル
├── vite.config.js  // Vite 設定ファイル
...

• Hydrogenで使う認証情報はどの情報？
• Admin API トークンとStorefront トークン両方使うことがある
• テンプレートではconfigで両方を指定している

• 無料でテストショップを作れる？
• 作れる。開発者管理画面から。課金は不要
• https://help.shopify.com/en/partners/dashboard/managing-stores/development-stores

• ストア情報（名前、currenyなど）はAPIで取ってこれる。

• storefront同様、チェックアウトページはshopifyに移行する。