Saltar al contenido principal

Plataforma B2B · Almacén Mayorista · 14 semanas

CalzadosJAM

Plataforma B2B de venta mayorista para almacén de calzado con más de 17.000 referencias, búsqueda semántica y asistente con IA, lectura automática de facturas de proveedor y sincronización de pedidos y albaranes en tiempo real.
  • Astro
  • React
  • TypeScript
  • Supabase
  • PostgreSQL
Ver sitio webQuiero algo similar
Captura de CalzadosJAM
Cliente
Calzados JAM
Industria
E-commerce B2B · Distribución
Duración
14 semanas
Rol
Almacén mayorista de calzado

El problema que el cliente necesitaba resolver

El reto

Un almacén mayorista de calzado en Elche gestionaba manualmente más de 17.000 referencias de productos y la facturación a cientos de clientes de toda Europa. La comunicación de stock, la recepción de pedidos mediante hojas de cálculo o llamadas telefónicas y la gestión manual de documentos fiscales (como certificados e identificadores de IVA VIES) ralentizaban la operativa y generaban frecuentes errores de inventario.

Arquitectura y desarrollo implementado

La solución

Diseñé y desarrollé una plataforma de comercio electrónico B2B completa utilizando un enfoque híbrido en Astro (SSR para páginas rápidas y dinámicas, SSG para páginas estáticas) integrado con React en islas interactivas y un backend serverless altamente optimizado en Supabase.

  • Plataforma B2B internacionalizable en 4 idiomas (ES, EN, FR, DE) mediante Astro.rewrite().
  • Búsqueda híbrida avanzada: búsqueda semántica basada en embeddings de IA (Gemini gemini-embedding-001) indexados con pgvector y búsqueda difusa (fuzzy) con pg_trgm en PostgreSQL.
  • Snapshot pattern integrado en la base de datos (PostgreSQL/Supabase) para almacenar copias exactas e inalterables de precios y detalles de producto en el momento de la venta.
  • Panel de administración (Admin Toolbar) integrado con dock interactivo, gestión de stock automatizada y sincronización bidireccional de estados de Pedidos y Albaranes.
  • Caché serverless con Upstash Redis para rate limiting de endpoints y Vercel Blob para optimización automática de imágenes en formatos modernos (AVIF y thumbnails).
  • Pasarela de acceso y políticas de seguridad estrictas a través de Row Level Security (RLS) en Supabase para proteger los datos de clientes y precios mayoristas.
  • Asistente con IA en la tienda que responde con el catálogo real y, si el cliente ha iniciado sesión, con sus pedidos.
  • Lectura automática de facturas de proveedor: llegan en PDF o en foto (también por Telegram), la IA extrae los datos y un esquema los valida antes de pasarlos a compras.
  • Contenido con IA desde el panel: descripciones de producto a partir de las fotos, fotos de ambiente generadas desde la foto de producto, y un blog que se alimenta solo (noticias del sector, un artículo semanal y traducción automática).
  • Proveedor de IA elegido por tarea (Gemini, OpenAI, Claude o DeepSeek) y cambiable sin reescribir el código.

Las fases del desarrollo paso a paso

Proceso

  1. Fase 1

    Auditoría del catálogo masivo

    Análisis de más de 17K variaciones de productos y optimización del modelo de datos de Supabase.

  2. Fase 2

    Arquitectura B2B e i18n

    Diseño de la estructura multi-idioma (ES, EN, FR, DE) en Astro con carga de locales eficientes en servidor y cliente.

  3. Fase 3

    Desarrollo de DB y Triggers

    Creación del esquema relacional en PostgreSQL (71 tablas) con triggers automáticos para totales y numeración.

  4. Fase 4

    Búsqueda con IA y Optimización

    Configuración de embeddings con Gemini y pgvector para búsqueda por afinidad visual/textual, y almacenamiento AVIF en Vercel Blob.

  5. Fase 5

    Hardening de RLS y Lanzamiento

    Implementación de políticas de seguridad robustas de nivel de fila (RLS) en Supabase y despliegue final en Vercel.

Cada tecnología elegida por una razón concreta

Por qué este stack

  • Astro 4.16

    SSR híbrido ideal para generar páginas dinámicas del catálogo con velocidad extrema e inmejorable rendimiento.

  • React + Radix

    Componentes interactivos en islas de alta fidelidad, con primitivos UI accesibles para la gestión compleja del selector de tallas.

  • Supabase & PostgreSQL

    Motor de base de datos relacional potente con pgvector para búsqueda semántica e infraestructura de backend-as-a-service con RLS.

  • Upstash Redis

    Capa ultrarrápida de caché y limitador de peticiones (rate limiting) para proteger los endpoints públicos de la API.

  • IA multiproveedor

    Gemini para la búsqueda semántica y la lectura de facturas, y en cada tarea el modelo que mejor la resuelve, configurable sin tocar el resto del código.

Tras el lanzamiento

Resultados

  • +17.000

    Referencias de calzado importadas y sincronizadas

  • −75%

    Reducción aproximada del tiempo de procesamiento de pedidos

  • 1,6 s

    LCP en móvil con usuarios reales: Core Web Vitals superadas (INP 145 ms, CLS 0; PageSpeed, 28 días a octubre de 2026)

  • 0

    Errores de stock gracias a transacciones PostgreSQL e islas React

Cifras orientativas.

Velocidad y calidad, según Google

  • Rendimiento: 96 de 100

  • Accesibilidad: 100 de 100

  • Prácticas recomendadas: 100 de 100

  • SEO: 100 de 100

PageSpeed Insights (Google), en móvil, el 7 de octubre de 2026. Las notas de laboratorio cambian un poco en cada medición. Medirlo ahora

“La nueva plataforma B2B nos ha permitido digitalizar un catálogo masivo que antes era imposible de gestionar de forma fluida. La búsqueda por IA y la generación automática de albaranes y facturas nos ahorran horas de trabajo todos los días.”

Calzados JAM

Almacén mayorista de calzado

Tu proyecto podría ser el siguiente

¿Necesitas algo similar?

Cuéntame tu idea y te preparo una propuesta técnica concreta en menos de 24 horas.