Back to Templates
⚠️ IMPORTANT: As of January 6, 2025, the main branch is frozen. The default branch is now canary. Please make sure to work with and submit PRs to the canary branch.
Catalyst is the composable, fully customizable headless commerce framework for BigCommerce. Catalyst is built with Next.js, uses our React storefront components, and is backed by the GraphQL Storefront API.
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.
Deploy on Vercel
The easiest way to deploy your Catalyst Storefront is to use the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.
Quickstart
Create a new project interactively by running:
npm create @bigcommerce/catalyst@latestYou'll then get the following prompts:
? What would you like to call your project? my-faster-storefront? Which would you like?❯ Link Catalyst to a BigCommerce Store Use sample data
? Would you like to create a new channel? y
? What would you like to name the new channel? My Faster Storefront
Success! Created 'my-faster-storefront' at '/Users/first.last/Documents/GitHub/my-faster-storefront'Next steps:
cd my-faster-storefront && npm run devLearn more about Catalyst at catalyst.dev.
Resources
- Catalyst Documentation
- GraphQL Storefront API Playground
- GraphQL Storefront API Explorer
- BigCommerce DevDocs
[!IMPORTANT] If you just want to build a storefront, start with the CLI which will install the Next.js application in /core. If you wish to contribute back to Catalyst or create a fork of Catalyst, you can check the docs for this monorepo to get started.
