shopify-development は何をしますか？
Shopifyアプリ、拡張機能、テーマをGraphQL Admin API、Shopify CLI、Polaris UI、Liquidを使って構築します。
概要
このプロジェクトは、Shopifyプラットフォーム上での開発を支援します。Shopify CLIを使用したアプリの初期化、GraphQL Admin APIによる商品や注文の管理、Polaris Reactコンポーネントによる管理画面UIのカスタマイズ、そしてLiquidテンプレート言語を用いたテーマ開発を行います。
主な機能
- GraphQL APIを使ったデータ操作（商品、注文、顧客など）
- Shopify CLIによるアプリとテーマの開発・デプロイ
- Polaris UIコンポーネントを使ったReactアプリの構築
- Liquidテンプレートのカスタマイズ
必要条件
- Node.js 18以上
- Shopify CLIのインストール
- Shopifyパートナーアカウント
使用方法
- Shopify CLIで新しいアプリを作成します:
shopify app init my-app --template node
- 開発サーバーを起動します:
shopify app dev
- GraphQLエンドポイントにクエリを実行します。例として、商品一覧を取得:
{
products(first: 10) {
edges {
node {
id
title
variants(first: 5) {
edges {
node {
id
price
}
}
}
}
}
}
}
テーマ開発
Liquidを使用してShopifyテーマをカスタマイズできます。以下は基本的なテンプレート例です:
{% for product in collection.products %}
<div class="product-card">
<h2>{{ product.title }}</h2>
<p>{{ product.price | money }}</p>
</div>
{% endfor %}
参考リンク
ライセンス
MIT