Shopify Storefront MCP Server

About

## Shopify Storefront MCP Server: Headless Commerce The **Shopify Storefront MCP Server** provides access to Shopify's Storefront API from Google Antigravity, enabling developers to build custom shopping experiences through AI-assisted headless commerce development. ### Why Shopify Storefront MCP? - **Headless Commerce**: Build custom storefronts with any technology - **GraphQL API**: Modern, flexible data fetching - **Hydrogen Ready**: Integrate with Shopify's React framework - **Optimized Performance**: Built for fast, custom experiences - **Full Catalog Access**: Products, collections, and cart management ### Key Features #### 1. Product and Collection Queries ```javascript // Get products const products = await storefront.getProducts({ first: 20, query: "product_type:Electronics" }); // Get product with variants const product = await storefront.getProduct({ handle: "premium-product", includeVariants: true, includeImages: true }); // Get collection const collection = await storefront.getCollection({ handle: "new-arrivals", productsFirst: 50 }); // Search products const searchResults = await storefront.searchProducts({ query: "wireless headphones", first: 20, sortKey: "RELEVANCE" }); ``` #### 2. Cart and Checkout ```javascript // Create cart const cart = await storefront.createCart({ lines: [ { merchandiseId: "variant_gid", quantity: 2 } ], buyerIdentity: { email: "customer@example.com", countryCode: "US" } }); // Add to cart await storefront.addToCart({ cartId: cart.id, lines: [{ merchandiseId: "another_variant_gid", quantity: 1 }] }); // Update cart await storefront.updateCart({ cartId: cart.id, lines: [{ id: lineId, quantity: 3 }] }); // Get checkout URL const checkoutUrl = cart.checkoutUrl; ``` ### Configuration ```json { "mcpServers": { "shopify-storefront": { "command": "npx", "args": ["-y", "@anthropic/mcp-shopify-storefront"], "env": { "SHOPIFY_STORE_DOMAIN": "your-store.myshopify.com", "SHOPIFY_STOREFRONT_TOKEN": "your-storefront-token" } } } } ``` ### Use Cases **Custom Storefronts**: Build unique shopping experiences with React, Vue, etc. **Mobile Apps**: Power native mobile shopping apps. **Headless Checkout**: Create optimized checkout flows. The Shopify Storefront MCP Server enables custom headless commerce experiences.

Installation

{
  "mcpServers": {
    "shopify-storefront": {
      "mcpServers": {
        "shopify-storefront": {
          "args": [
            "-y",
            "@shopify/storefront-mcp-server",
            "--store",
            "YOUR_STORE.myshopify.com"
          ],
          "command": "npx"
        }
      }
    }
  }
}

How to Use

1. 11. Replace YOUR_STORE with your Shopify store domain
2. 22. Enables product search, cart management, checkout
3. 33. Works with ChatGPT, Perplexity, and other AI agents