Sobre o projeto
O Bloom Beleza é uma plataforma de e-commerce de moda e beleza com um fluxo de compra completo: catálogo por variantes, carrinho persistente, checkout com múltiplos endereços e pagamentos via Stripe. Foi construída com foco em desempenho, acessibilidade e uma experiência de usuário limpa.
O problema
Uma loja moderna precisa de variantes de produto, um carrinho que sobreviva à navegação e ao login, endereços de entrega validados e um fluxo de pagamento que confirme pedidos de forma confiável. É exatamente onde a maioria dos templates simples falha.
A solução
- Catálogo de produtos com variantes (cor, tamanho), navegação por categorias e slugs amigáveis para SEO.
- Carrinho persistente com atualização de quantidades, totais automáticos e painel de acesso rápido.
- Autenticação com Better Auth (email/senha e Google) e gestão de múltiplos endereços com validação de CEP/CPF.
- Checkout com Stripe e webhooks para confirmar pagamentos e status do pedido.
Arquitetura e stack
O frontend é Next.js 15 (App Router) com React 19 e Server Components, estilizado com Tailwind v4 e shadcn/ui. O TanStack Query cuida do estado do servidor e o React Hook Form com Zod valida os formulários nas duas pontas.
A persistência roda em PostgreSQL com Drizzle ORM, com queries tipadas e server actions para as mutações. A autenticação fica com o Better Auth e os pagamentos com o Stripe, com webhooks assinados movendo o status do pedido.
Código e propriedade
O código-fonte é público e distribuído sob licença MIT; este projeto faz parte do portfólio e pode ser inspecionado e executado localmente.