BigCommerce Headless Commerce

Before writing code

Fetch live docs:

1. Fetch https://www.catalyst.dev/ for Catalyst documentation
2. Web-search site:developer.bigcommerce.com headless for headless guide
3. Web-search site:github.com bigcommerce catalyst for Catalyst source and examples

Headless Architecture

What Headless Means for BigCommerce

Decouple the frontend from BigCommerce:

• BigCommerce serves as the commerce backend — catalog, orders, customers, payments
• Your custom frontend handles presentation — React, Next.js, Vue, etc.
• Communication via APIs — GraphQL Storefront API and REST API
• Checkout via Embedded Checkout or Custom Checkout (Checkout API + Payments API)