Ir al contenido
GV
WhatsApp · @gusvarg
← Proyectos

Componentes y accesorios de moto: motor de búsqueda propio, portal B2B y seguimiento de pedidos desde SAP

Mapache Store · tienda headless

Mapache necesitaba una tienda para sus componentes y accesorios de moto, con catálogo conectado a SAP y herramientas para distribuidores. Construí su headless con búsqueda propia y portal B2B. Después de un incidente de contaminación de datos entre tiendas, añadí validación HMAC-SHA256 a la sincronización de productos.

El problema

Mapache necesitaba una tienda propia para vender componentes y accesorios de moto, conectada con el catálogo de SAP y su operación B2B. Además, un incidente de contaminación de datos entre tiendas mostró que la sincronización de productos debía validar el origen de cada webhook antes de aceptar cambios.

La solución

Operación, catálogo & portal B2B

  • Seguimiento de pedidos de punta a punta: SAP factura con guía asignada → n8n la lleva a WooCommerce cada hora → el cliente la ve en "Mis pedidos", con acceso sin contraseña (correo + documento).
  • Respaldo de imágenes: si WooCommerce no tiene foto propia, el sistema la busca en el servidor de SAP por SKU y la sincroniza. Ningún producto se queda sin imagen.
  • Catálogos PDF como contenido propio de WordPress, con revalidación automática al frontend al publicarse.
  • Herramientas propias de administración en WordPress para resincronizar catálogo e imágenes por lotes, con progreso en vivo.
  • Portal B2B de distribuidores en 4 categorías (aliados, gestores nacionales, líderes internacionales, corporativo), cada una con su importador de CSV desde WordPress y un mapa interactivo de Colombia con 13 regiones.

Pagos

  • Tres pasarelas (PlacetoPay, Addi BNPL, Sistecrédito), cada una con webhook asíncrono más revalidación síncrona en la página de retorno. Una orden nunca queda colgada bloqueando stock.
  • WhatsaPay (pasarela propia, ver su ficha aparte) integrada y hoy desactivada.

Arquitectura headless & rendimiento

  • Dejaron Shopify atrás por un headless propio: más rápido, más sólido y con diseño único, sin las comisiones de la plataforma, solo el costo real de las pasarelas de pago.
  • Motor de búsqueda "espejo": el frontend nunca lee WooCommerce en vivo para listar ni buscar. Todo sale de una tabla en Supabase con búsqueda de texto completo, mantenida por webhooks en tiempo real más una resincronización completa cada 6 horas.
  • Motor propio de extracción de marca, modelo y cilindraje de moto por patrones sobre el nombre del producto: lógica hecha a medida para el rubro.

Infraestructura & seguridad

  • VPS propio con Docker y Dokploy, desplegado desde el repositorio de código. Dejaron atrás el hosting compartido.
  • El panel de administración no está expuesto a internet: solo se alcanza por un túnel SSH con una llave que existe únicamente en el equipo del desarrollador, nunca por IP. Ese diseño frenó intentos reales de intrusión.
  • El webhook de sincronización de productos valida su firma HMAC-SHA256: protección de más que corrigieron tras un incidente real de contaminación cruzada de datos entre tiendas.
  • Suite de pruebas end-to-end con Playwright.