Shopify Storefront & Headless Commerce
Build high-performance headless storefronts using Shopify's Storefront API, Cart API, and Hydrogen framework.
This skill provides specialized guidance for architecting headless commerce solutions on Shopify. It enables developers to seamlessly integrate the Storefront GraphQL API and Cart API into custom frontends, mobile apps, and Hydrogen-based projects. By offering implementation patterns for public-facing API client configuration, complex cart lifecycle management, and optimized product querying, this skill ensures developers can build secure, scalable, and tailored shopping experiences while correctly navigating the differences between Shopify's Storefront and Admin APIs.
主要功能
012,354 GitHub stars
02Automated Storefront API client configuration with public access tokens
03Programmatic cart management including creation, updates, and checkout redirects
04Optimized GraphQL query patterns for products, collections, and variants
05Hydrogen framework scaffolding and Remix-based loader implementations
06Decision guides for API selection based on rate limits and data scopes
使用场景
01Building native mobile shopping experiences with the Storefront API
02Developing a custom React or Vue.js frontend for an existing Shopify store
03Scaffolding and configuring a Hydrogen-based headless storefront project