MIKEAS Movement

Ecommerce D2C para una marca mexicana de ropa lifestyle — storefront, checkout, admin

stack: Next.js 15 · TypeScript · PostgreSQL · Playwright · Vitest

──situación

Una marca mexicana de ropa que vende directo al consumidor necesitaba storefront y back office construidos desde cero: catálogo, carrito, checkout, gestión de pedidos, analítica. La mayoría de su tráfico es móvil, así que móvil es el objetivo de diseño, no una ocurrencia tardía.

──evidencia

Exhibit 1: mobile-first, obligatorio
storefront y admin se diseñan primero a ancho de teléfono, desde el primer mock
Exhibit 2: cookies/CORS/touch
las clases de bugs que los unit tests no pueden atrapar — la razón por la que cada módulo sale con E2E multi-dispositivo

──diagnóstico

La calidad en ecommerce es una propiedad de integración: un checkout que pasa unit tests puede seguir perdiendo carritos por una cookie mal configurada en Safari de iOS. La disciplina que importa es probar el flujo completo en los dispositivos que los clientes realmente usan, antes de que algo llegue a producción.

──intervención

01
Build full-stack en Next.js 15: storefront, flujos de carrito y checkout, y un admin dashboard con shadcn charts para analítica de ventas.
02
Pirámide de tests por módulo: suites de integración con Vitest más E2E con Playwright cubriendo el golden path y casos límite en viewports de desktop, iPad y iPhone.
03
Compuerta de release: la suite E2E corre contra la API + base de datos local antes de cualquier push, porque un push deploya a producción.
04
Admin y storefront comparten design system; el comportamiento responsive se revisa en cada breakpoint como parte de la definición de terminado.

──resultado · verificado

Exhibit 1: 3 dispositivos
desktop, iPad, iPhone — cada módulo probado E2E antes del release
Exhibit 2: push = prod
el trunk deploya con seguridad porque la compuerta de release no es negociable