https://github.com/bigcommerce/catalyst

Catalyst - for Composable Commerce
https://github.com/bigcommerce/catalyst

composable ecommerce headless nextjs

Last synced: 3 months ago
JSON representation

Catalyst - for Composable Commerce

• Host: GitHub
• URL: https://github.com/bigcommerce/catalyst
• Owner: bigcommerce
• License: mit
• Created: 2023-02-07T20:48:10.000Z (over 3 years ago)
• Default Branch: canary
• Last Pushed: 2026-03-09T23:18:24.000Z (3 months ago)
• Last Synced: 2026-03-09T23:48:37.520Z (3 months ago)
• Topics: composable, ecommerce, headless, nextjs
• Language: TypeScript
• Homepage: https://developer.bigcommerce.com/docs/storefront/catalyst
• Size: 58.5 MB
• Stars: 231
• Watchers: 49
• Forks: 354
• Open Issues: 138
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS
  • Security: SECURITY.md

Awesome Lists containing this project

README

          


  











[![MIT License](https://img.shields.io/github/license/bigcommerce/catalyst)](LICENSE.md)

[![Lighthouse Report](https://github.com/bigcommerce/catalyst/actions/workflows/lighthouse.yml/badge.svg)](https://github.com/bigcommerce/catalyst/actions/workflows/lighthouse.yml) [![Lint, Typecheck, gql.tada](https://github.com/bigcommerce/catalyst/actions/workflows/basic.yml/badge.svg)](https://github.com/bigcommerce/catalyst/actions/workflows/basic.yml)

[![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/bigcommerce/catalyst)



**Catalyst** is the composable, fully customizable headless commerce framework for

[BigCommerce](https://www.bigcommerce.com/). Catalyst is built with [Next.js](https://nextjs.org/), uses

our [React](https://react.dev/) storefront components, and is backed by the

[GraphQL Storefront API](https://developer.bigcommerce.com/docs/storefront/graphql).

By choosing Catalyst, you'll have a fully-functional storefront within a few seconds, and spend zero time on wiring

up APIs or building SEO, Accessibility, and Performance-optimized ecommerce components you've probably written many

times before. You can instead go straight to work building your brand and making this your own.

## Demo

- [Catalyst Demo](https://catalyst-demo.site)

![-----------------------------------------------------](https://storage.googleapis.com/bigcommerce-developers/images/catalyst_readme_hr.png)



 🚀 catalyst.dev •

 🤗 BigCommerce Developer Community •

 💬 GitHub Discussions •

 💡 Docs in this repo



![-----------------------------------------------------](https://storage.googleapis.com/bigcommerce-developers/images/catalyst_readme_hr.png)

## Deploy via One-Click Catalyst App

The easiest way to deploy your Catalyst Storefront is to use the [One-Click Catalyst App](http://login.bigcommerce.com/deep-links/app/53284) available in the BigCommerce App Marketplace.

Check out the [Catalyst.dev One-Click Catalyst Documentation](https://www.catalyst.dev/docs/getting-started) for more details.

## Getting Started

**Requirements:**

- A [BigCommerce account](https://www.bigcommerce.com/start-your-trial)

- Node.js version 20 or 22

- Corepack-enabled `pnpm`

  ```bash

  corepack enable pnpm

  ```

1. Install the latest version of Catalyst:

   ```bash

   pnpm create @bigcommerce/catalyst@latest

   ```

2. Run the local development server:

   ```bash

   pnpm run dev

   ```

Learn more about Catalyst at [catalyst.dev](https://catalyst.dev).

## Resources

- [Catalyst Documentation](https://catalyst.dev/docs/)

- [GraphQL Storefront API Playground](https://developer.bigcommerce.com/graphql-storefront/playground)

- [GraphQL Storefront API Explorer](https://developer.bigcommerce.com/graphql-storefront/explorer)

- [BigCommerce DevDocs](https://developer.bigcommerce.com/docs/build)