Templates de websites
Comece com uma implementação de website e adapte suas seções, conteúdo e integração de comércio.
Um template oferece um repositório de website como ponto de partida: rotas, componentes de interface, seções, conteúdo e código de integração. Copie ou faça um fork e adapte a implementação ao seu design e negócio.
Os templates fazem parte da oferta de Storefront, junto do framework e do app de edição. Cada um tem uma função diferente:
| Parte | O que oferece | Documentação |
|---|---|---|
| Framework Blocks | Configuração tipada, resolução de conteúdo e o contrato de runtime implementado pelo website | Blocks |
| App Editor de Sites | A interface do Studio para editar, visualizar e publicar o conteúdo de um site conectado | Editor de Sites |
| Template de website | Uma implementação inicial do próprio website | Storefront TanStack |
O template usa o framework; seu website pode se conectar ao Editor de Sites. Você também pode adicionar Blocks a um website que já possui sem começar por um template.
Template disponível
Storefront TanStack
Storefront TanStack é um ponto de partida para comércio criado com TanStack Start, React e Cloudflare Workers. Inclui seções de CMS, componentes de storefront e uma integração com Shopify. O código público está em deco-sites/storefront-tanstack.
Escolha esse template para começar com uma implementação existente de storefront e personalizar o código. O guia apresenta a estrutura do repositório, a configuração local e os ajustes necessários para usar seu próprio site.
Escolha o caminho para seu projeto
- Começar um storefront com uma implementação: use Storefront TanStack.
- Adicionar Blocks ao seu próprio app: siga o quickstart do framework atual.
- Conectar um site compatível para edição: siga Conectar um site.
- Explorar o design proposto para o próximo framework: leia Como funciona. A versão preview tem sua própria API e é separada do runtime 7.x atual do template.
Cada template segue suas próprias versões de dependências. Confira o package.json e o guia de configuração antes de aplicar exemplos de outra versão do framework.