# Space Jelly Shop

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

<SectionBasicContent
  description="The Space Jelly Shop template helps you launch a stylish online store built with Next.js, React, and TypeScript. It ships with a product catalog, shopping cart powered by use-shopping-cart, and Stripe checkout, so you have a working storefront from the first deploy. Running on Azion, the shop is served via a distributed architecture for fast, globally distributed delivery."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/azion-community/space-jelly-shop", outlined: false, icon: "ai ai-azion", iconPos: "left" },
    { label: "View demo", link: "https://lit4owkr0f.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/nextjs/space-jelly-shop) |
      | Framework | [Next.js](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/nextjs/) |
      | 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/nextjs/space-jelly-store.png" width="400" alt="Space jelly store" style="min-width: 100%; max-width: 100%; height: auto;" />
    </div>
  </Fragment>
</SectionBasicContent>

## About this template

Space Jelly Shop is a demo e-commerce store built with [Next.js](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/nextjs/), the popular React framework for production-grade web apps, written in TypeScript. It comes with a styled product catalog, a shopping cart handled by use-shopping-cart, and Stripe-powered checkout, giving you a complete storefront to customize rather than build from scratch. Deployed on Azion, the store runs on a distributed architecture for fast page loads and a smooth shopping experience worldwide.

## Key features

- Ready-made product catalog and detail pages styled out of the box
- Shopping cart state managed with the use-shopping-cart library
- Stripe integration for secure payments and checkout
- TypeScript codebase served from Azion's global network for low-latency shopping

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