Proyecto freelance · En producción
Calidad Triple A
E-commerce para tienda de moda urbana y streetwear. Catálogo con CMS headless, checkout con cálculo de envíos, confirmación por WhatsApp y emails automáticos con PDF y QR. El pago se gestiona manualmente por Bizum y PayPal. Implementación completa: desarrollo, DNS, dominio y despliegue en Vercel.
Repositorio privado — el código pertenece al cliente. Si quieres verlo, puedes contactarme directamente.
El problema

El cliente necesitaba una tienda online para vender moda urbana y streetwear, pero las soluciones estándar como Shopify o WooCommerce no encajaban: el modelo de negocio funciona con pago por Bizum o PayPal gestionado manualmente, y cada pedido requería generar documentación personalizada para el envío.

El cliente tenía que poder gestionar el catálogo de forma completamente autónoma — añadir productos, cambiar precios, subir imágenes — sin tocar código ni depender de un desarrollador para el día a día.

La solución

E-commerce completo con arquitectura JAMstack: Next.js 15 con App Router en el frontend y Sanity CMS como backend de contenido headless. El cliente gestiona el catálogo desde Sanity Studio sin tocar código.

El catálogo tiene tres categorías con filtros avanzados por subcategoría, marca, talla, género y precio. El carrito persiste con Zustand y el checkout calcula automáticamente los gastos de envío por país, con envío gratis en España a partir de 60€.

El diseño visual — logotipo, paleta e identidad de marca — fue definido por el cliente. Mi trabajo fue la implementación técnica completa y la arquitectura del proyecto.

Stack y detalles
Lo que aprendí

Este fue el proyecto donde más trabajé la comunicación con un cliente real: traducir necesidades de negocio a decisiones técnicas y gestionar entregas y ajustes en producción.

También aprendí a configurar todo el stack de emails transaccionales desde cero — DNS, SPF, DKIM, verificación de dominio — para que los emails lleguen a bandeja de entrada.

¿Qué haría diferente hoy?
  • Añadiría una pasarela de pago real (Stripe) desde el principio en lugar del flujo manual con Bizum/PayPal.
  • Implementaría un panel de gestión de pedidos para el cliente en lugar de depender del email como único registro.
  • Añadiría tests de integración para el flujo de checkout y generación de documentos, que son las partes más críticas del negocio.
Diagramas
Arquitectura del sistema · clic para ampliar
Flujo de pedido · clic para ampliar
Flujo de compra

Flujo completo de compra: catálogo, ficha de producto, carrito y checkout con cálculo de envío automático.

Tras confirmar el pedido
El sistema genera automáticamente un PDF con el resumen del pedido, un PDF de datos de envío (150×100mm) y un código QR, que se envían adjuntos al email del vendedor vía Resend.
Capturas