> ## Documentation Index
> Fetch the complete documentation index at: https://buttercms.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# E-commerce project

> Learn how to build storefronts, shopping carts, and product catalogs with ButterCMS using a variety of frameworks

## E-commerce solutions with ButterCMS

You can use ButterCMS's Page Types and Collections to build e-commerce solutions in almost every framework or programming language
you can think of. Just check out one of the following tutorials to learn more.

### Build a storefront

Learn how to build entire storefronts, including product catalogs, shopping carts, and checkouts across
a variety of frameworks and using some of the most common e-commerce integrations.

<CardGroup cols={2}>
  <Card title="Dynamic E-commerce App with React" icon="js-square" href="https://buttercms.com/blog/dynamic-react-ecommerce">
    Create a dynamic e-commerce application with navigation, hero, products, and cart.
  </Card>

  <Card title="Shopping app with Node.js / Express" icon="js-square" href="https://buttercms.com/blog/nodejs-ecommerce-how-to-build-a-shopping-app-with-buttercms">
    Create a cart, product catalog, and checkout by leveraging ButterCMS Page Types.
  </Card>

  <Card title="Headless e-commerce site with Python + Flask + Square checkout API" icon="python" href="https://buttercms.com/blog/building-a-headless-commerce-site-with-buttercms">
    Create a headless e-commerce site with Python + Flask and the Square checkout API, complete with products, cart, and checkout.
  </Card>

  <Card title="Customer storefront (Shopify Storefront API + Angular)" icon="shopify" href="https://buttercms.com/blog/headless-commerce-your-shopify-store-built-with-angular-and-buttercms">
    Build a headless Shopify store with Angular, ButterCMS, and the Shopify Storefront API.
  </Card>

  <Card title="Shopping Cart (Next.js + Snipcart)" icon="js-square" href="https://buttercms.com/blog/ecommerce-tutorial-next-js-snipcart">
    Build a shopping cart with Next.js and Snipcart
  </Card>
</CardGroup>

### Build landing pages

Learn how to build landing pages tailored for e-commerce applications.

<CardGroup cols={2}>
  <Card title="E-commerce landing pages with Next.js and Tailwind" icon="js-square" href="https://buttercms.com/blog/nextjs-ecommerce-landing-page-tutorial">
    Build flexible and effective e-commerce landing pages with ButterCMS + Next.JS to turn visitors into paying customers.
  </Card>

  <Card title="E-commerce landing pages with Golang" icon="golang" href="https://buttercms.com/blog/golang-app-tutorial-ecommerce-landing-pages">
    Streamline your e-commerce landing page creation with Golang and ButterCMS. Learn how to create dynamic, responsive pages that feature modular content stored in Butter.
  </Card>
</CardGroup>