Projeto / E-commerce de beleza com variantes visuais
ÁUREA
Loja de cosméticos com um núcleo de negócio comum e duas apresentações, Classic e Lovable, separando storefront, administração e tema visual.
Resumo do caso
Do desafio ao resultado.
- Desafio
- Duas identidades visuais para a mesma loja sem duplicar catálogo, estoque, pedidos e permissões.
- Objetivo
- Um e-commerce de beleza com loja, administração e jornada de compra completa.
- Solução
- Núcleo de negócio comum, storefront e administração separados, Supabase com RLS e pagamento, frete e notificações por adapters.
- Resultado hoje
- Em desenvolvimento Construção ativa: partes principais funcionando e próximas etapas definidas.
- Tecnologia
- React / TypeScript · TanStack Start · Supabase / PostgreSQL · HTML / CSS / JavaScript
01 / Solução em detalhe
O que foi construído.
- Arquitetura em apps/storefront, apps/admin, packages/core e packages/ui-theme
- Supabase e PostgreSQL com RLS e papéis de dono, administração, equipe e comprador
- Pagamento, frete e notificações plugados por adapters
Loja
Cabeçalho, navegação, catálogo, categorias, busca, cards, produto e carrinho, responsivos.
Separação
Storefront e administração; núcleo de domínio e tema visual; variantes Classic e Lovable como raízes independentes.
Domínio comercial
Catálogo, variantes, estoque, reservas, preços, promoções, cupons, pedidos e pós-venda.
Identidade e segurança
Cadastro, login, contas de comprador, papéis de equipe, permissões e RLS.
Auditoria de jornada
Visitante, comprador, vendedor, código, segurança e visual, com revalidação depois de cada correção.
02 / Próximos passos
O que vem a seguir.
03 / Tecnologia
Ferramentas e o papel de cada uma.
| Tecnologia | Papel neste projeto |
|---|---|
| React / TypeScript | Storefront e interface |
| TanStack Start | Stack da variante Lovable |
| Supabase / PostgreSQL | Banco, migrações e RLS |
| HTML / CSS / JavaScript | Primeira linha estática |