← volver

Sadona 💄

NextSupabaseTailwindTypeScriptMercado PagoGoogle Shopping

Ecommerce de belleza, bienestar y salud con foco en SEO, cuentas de clientes, panel de administrador, feed de Google Shopping y checkout con Mercado Pago, transferencia y efectivo. Next.js y Supabase.

~/ Cómo se desarrolló

Sadona es un ecommerce de productos de belleza, bienestar y salud — skincare, suplementos, cuidado personal y categorías relacionadas. Desde el inicio, la idea fue armar una tienda que no solo venda bien sino que también se encuentre: el SEO fue un requisito central, no algo que se agrega después.

El sitio está pensado para buscadores desde la base: URLs semánticas, metadata optimizada, datos estructurados de productos, carga rápida y una arquitectura de contenido que soporta landings por categoría y por producto. La idea es competir en visibilidad orgánica en un nicho donde descubrir la marca importa tanto como el catálogo en sí.

Del lado operativo, hay un panel de administrador completo para gestionar productos, categorías, pedidos e inventario sin tocar código. El equipo puede actualizar precios, stock, descripciones e imágenes desde un solo lugar. Los clientes tienen sus propias cuentas: pueden registrarse, iniciar sesión, seguir pedidos y guardar datos de envío para compras repetidas.

Sadona está conectada con Google Shopping a través de un feed de productos sincronizado con el catálogo. Cuando se agregan o actualizan productos en el admin, el feed refleja esos cambios para mantener consistencia entre la tienda y las superficies de Google Merchant.

El checkout soporta varios métodos de pago acordes a cómo compra la gente en Argentina: Mercado Pago para tarjeta y billetera, transferencia bancaria y efectivo en entrega o retiro. El flujo guía al cliente por carrito, envío y elección de pago con confirmación clara en cada paso.

Desarrollado con Next.js y Supabase — server components y API routes para rendimiento y SEO, Supabase para auth, base de datos y storage. Tailwind CSS para la UI y TypeScript en todo el stack para mantener el proyecto a medida que crece el catálogo y las funcionalidades.

~/ Video