Baldu Raridades
E-commerce de bonés e streetwear — Next.js + Sanity CMS, com pagamentos Asaas (PIX/Cartão) e frete via Melhor Envio.
Front-end
- Next.js 16
- React 19
- TypeScript
- Tailwind v4
- Zustand
- React Compiler
CMS
- Sanity Studio v5
- next-sanity
- GROQ
- Webhooks
Pagamentos & Frete
- Asaas (PIX/Cartão)
- Webhook Asaas
- Melhor Envio
Full-screen para maior qualidade.
Contexto
Baldu Raridades é um e-commerce de bonés e streetwear. A loja cobre catálogo, carrinho, cálculo de frete via Melhor Envio e checkout com PIX e cartão pelo Asaas, com página de acompanhamento do pedido.
Sanity CMS atua como banco de dados e painel administrativo ao mesmo tempo. Produtos, pedidos e estoque vivem no Sanity; Route Handlers no servidor do Next encapsulam o que exige segredo — criação da cobrança no Asaas, cotação de frete, gravação do pedido e baixa de estoque.
Dois webhooks fecham o ciclo: o do Sanity revalida o catálogo sob demanda a cada edição de produto, e o do Asaas reage aos eventos de pagamento (confirmação, vencimento, reembolso) confirmando ou cancelando o pedido e dando baixa no estoque de forma idempotente. Segredos ficam exclusivamente em Route Handlers — nunca no client.
Decisões técnicas
CMS · Sanity no lugar de back-end + banco de dados
Um e-commerce tradicional empilha API, banco (Postgres), admin autenticado, storage de imagens e CDN. Para uma loja de catálogo, isso é desenvolvimento e manutenção sem retorno.
O Sanity entrega tudo de uma vez: schemas versionados em código, leitura via GROQ, e o Studio como painel para cadastro de produtos com fotos. O servidor que grava o pedido e baixa o estoque quando o webhook do Asaas confirma o pagamento.