# 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="O template Space Jelly Shop ajuda você a lançar uma loja online moderna construída com Next.js, React e TypeScript. Ele já vem com catálogo de produtos, carrinho de compras com use-shopping-cart e checkout via Stripe, oferecendo uma loja funcional já no primeiro deploy. Rodando na Azion, a loja é servida por meio de uma arquitetura distribuída para uma entrega rápida e globalmente distribuída."
  buttons={[
    { label: "Deploy template", link: "https://console.azion.com/create/azion-community/space-jelly-shop", outlined: false, icon: "ai ai-azion", iconPos: "left" },
    { label: "Ver demo", link: "https://lit4owkr0f.map.azionedge.net", severity: "secondary" }
  ]}
>
  <Fragment slot="content">
    <div style="flex: 1; min-width: 300px;">
      | Item | Detalhes |
      |:----------|:------|
      | Repositório | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/nextjs/space-jelly-shop) |
      | Framework | [Next.js](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/nextjs/) |
      | Caso de Uso | 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>

## Sobre este template

O Space Jelly Shop é um e-commerce de demonstração construído com [Next.js](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/nextjs/), o popular framework React para aplicações web de nível profissional, escrito em TypeScript. Ele vem com catálogo de produtos estilizado, carrinho de compras gerenciado pelo use-shopping-cart e checkout integrado ao Stripe, entregando uma loja completa para personalizar em vez de construir do zero. Implantada na Azion, a loja roda em uma arquitetura distribuída para carregamentos rápidos e uma experiência de compra fluida em todo o mundo.

## Principais recursos

- Catálogo de produtos e páginas de detalhe já prontos e estilizados
- Estado do carrinho de compras gerenciado pela biblioteca use-shopping-cart
- Integração com Stripe para pagamentos e checkout seguros
- Código em TypeScript servido a partir da rede global da Azion para compras de baixa latência

Para mais informações sobre a implementação deste template, visite o [guia do template](/pt-br/documentacao/produtos/guias/next-js-ecommerce-collection/).