Sobre el proyecto
Bloom Beleza es una plataforma de e-commerce de moda y belleza con un flujo de compra completo: catálogo por variantes, carrito persistente, checkout con múltiples direcciones y pagos con Stripe. Está construida con foco en rendimiento, accesibilidad y una experiencia de usuario limpia.
El problema
Una tienda moderna necesita variantes de producto, un carrito que sobreviva a la navegación y al login, direcciones de envío validadas y un flujo de pago que confirme pedidos de forma confiable. Justo ahí fallan la mayoría de las plantillas simples.
La solución
- Catálogo de productos con variantes (color, talle), navegación por categorías y slugs amigables para SEO.
- Carrito persistente con actualización de cantidades, totales automáticos y panel de acceso rápido.
- Autenticación con Better Auth (email/contraseña y Google) y gestión de múltiples direcciones con validación de CEP/CPF.
- Checkout con Stripe y webhooks para confirmar pagos y estado del pedido.
Arquitectura y stack
El frontend es Next.js 15 (App Router) con React 19 y Server Components, estilado con Tailwind v4 y shadcn/ui. TanStack Query maneja el estado del servidor y React Hook Form con Zod valida los formularios en ambos extremos.
La persistencia corre sobre PostgreSQL con Drizzle ORM, con queries tipadas y server actions para las mutaciones. La autenticación la maneja Better Auth y los pagos Stripe, con webhooks firmados que mueven el estado del pedido.
Código y propiedad
El código fuente es público y se distribuye bajo licencia MIT; este proyecto forma parte del portafolio y puede inspeccionarse y ejecutarse localmente.