#   Astro 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 Astro E-commerce template is a starter solution for quickly launching an online store. Built on Astro's island architecture, it pairs static, fast-loading pages with interactive islands for dynamic features like the shopping cart. Its clean design and modular components make it straightforward to adapt the storefront to your own brand and catalog."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/azion-community/astro-ecommerce", outlined: false, icon: "ai ai-azion", iconPos: "left" }
  ]}
>
  <Fragment slot="content">
    <div style="flex: 1; min-width: 300px;">
      | Item | Details |
      |:----------|:------|
      | Repository | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/astro/astro-ecommerce) |
      | Framework | [Astro](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/astro/) |
      | 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/astro/astro-ecommerce.png" width="400" alt="Astro E-commerce" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## About this template

This template is an online store starter built with [Astro](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/astro/) and its island architecture, which renders most of the page as static HTML while hydrating only the interactive parts. The result is a fast storefront with components for product pages, cart, and checkout that are ready to be styled and extended. Served from Azion's edge, the store loads quickly for customers regardless of their location.

## Key features

- Island architecture that ships interactivity only where it's needed.
- Modular storefront components for product listings, cart, and checkout.
- Simple, customizable design that adapts to your brand and product catalog.
- One-click deployment to Azion's globally distributed global network.

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