# Gatsby E-commerce

import DocButton from '~/components/webkit/DocButton.vue';
import SectionBasicContent from '~/components/SectionBasicContent/SectionBasicContent.vue';
import Container from '~/components/webkit/Container.vue';

<SectionBasicContent
  description="The Gatsby E-commerce Theme template enables you to deploy a Gatsby-based e-commerce site in a few steps, directly to the edge. It includes styled components and tools to add functionality, streamlining the customization process. This template provides a modern, performant foundation for building online stores with Gatsby's powerful static site generation capabilities."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/gatsby/gatsby-ecommerce-theme", outlined: false, icon: "ai ai-azion", iconPos: "left" },
    { label: "View demo", link: "https://mgfmr731me.map.azionedge.net", severity: "secondary" }
  ]}
>
  <Fragment slot="content">
    <div style="flex: 1; min-width: 300px;">
      | Item | Details |
      |:----------|:------|
      | Repository | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/gatsby/gatsby-ecommerce-theme) |
      | Framework | [Gatsby](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/gatsby/) |
      | Use Case | E-commerce |
    </div>
    <div style="display: flex; justify-content: center; align-items: center; flex: 1;">
      <img src="/assets/docs/images/uploads/template-showcase/gatsby/gatsby-ecommerce.png" width="400" alt="Gatsby E-commerce theme" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## About this template

This template is an online store theme built with [Gatsby](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/gatsby/), a React-based static site generator. It ships with styled product and category components plus the structure needed to wire in a commerce backend, so you can shape a storefront quickly. Deployed on Azion, the catalog pages are served via a distributed architecture for fast, globally distributed shopping experiences.

## Key features

- Prebuilt e-commerce theme with styled product and listing components.
- Customizable structure for connecting carts, checkout, and payment providers.
- Static site generation for fast-loading, SEO-friendly catalog pages.
- Edge delivery on Azion for low-latency browsing across regions.

For more information about deploying this template visit the [template guide](/en/documentation/products/guides/gatsby-ecommerce-theme/).