Primeiros passos — Desenvolvedor de storefront
Primeiros passos — Desenvolvedor de storefront
Este guia é para quem vai construir ou customizar o template da loja: páginas, checkout, minha conta, carrinho e experiência do cliente.
O que você vai precisar
- Git instalado na máquina
- Node.js (versão LTS)
- Extensão Wake Commerce no VS Code
- Acesso ao painel administrativo da loja
Passo 1 — Configurar o ambiente local
Instale a extensão oficial do VS Code e configure o Storefront Local para desenvolver sem precisar fazer deploy a cada mudança.
Passo 2 — Entender a estrutura de pastas
O template é organizado em pastas com funções específicas: Blocks, Components, Pages, Queries, Assets. Entender essa divisão é o primeiro passo antes de qualquer alteração.
Passo 3 — Aprender Scriban
O Storefront usa Scriban como linguagem de template para renderizar dados da loja (produtos, preços, usuário logado). É a camada que conecta os dados da API ao HTML.
Passo 4 — Conectar ao repositório
O código do template é versionado via Git. Configure a integração entre o painel Wake e o seu repositório para publicar mudanças com um push.
Passo 5 — Publicar via painel
Após configurar o repositório, acesse o painel administrativo para gerenciar versões e publicar o template na loja.
Próximos tópicos recomendados
Updated about 9 hours ago