BiblioFlow: E-commerce Híbrido & Logística vía WhatsApp
Plataforma de venta para librerías optimizada para el mercado LATAM. Arquitectura Astro 5 + Svelte 5 con gestión de stock en tiempo real y estrategia SEO para productos únicos.
El Desafío#
En el mercado local, muchas librerías operan manualmente vía Instagram y WhatsApp. Esto genera dos problemas críticos: cuellos de botella operativos (responder lo mismo 50 veces) y pérdida de posicionamiento SEO (al borrar productos únicos cuando se venden).
El objetivo fue construir un sistema que uniera la velocidad del e-commerce moderno con la realidad de la venta conversacional, eliminando la fricción administrativa sin sacrificar la experiencia de usuario.
Estrategia Técnica#
Opté por una arquitectura Híbrida (SSR + Static) utilizando Astro 5 como núcleo. Esto permite entregar HTML estático ultrarrapido para el catálogo público, mientras reservamos el renderizado en servidor para las áreas dinámicas (Admin y Checkout).
Implementaciones Destacadas#
-
Motor de “Zombie Pages” (SEO): Para evitar errores 404 en libros descatalogados, desarrollé un sistema que, al agotarse el stock, inyecta metadatos
Schema.org/OutOfStocky reemplaza el botón de compra por un formulario de “Lista de Espera”. Esto retiene la autoridad del dominio y captura leads calificados en lugar de perder tráfico. -
Interactividad con Svelte 5 (Runes): Utilicé el nuevo sistema de reactividad de Svelte 5 (
$state,$derived) para manejar el filtrado complejo del catálogo y el carrito de compras. El resultado es una UI que se siente nativa, sin el peso de frameworks JS tradicionales. -
Logística “WhatsApp-First”: Dado que el cierre de venta ocurre fuera de la web, el sistema genera un Checkout Semántico: valida el stock en tiempo real vía Astro Actions (Backend) y compila un resumen del pedido con datos bancarios listo para pegar en WhatsApp, reduciendo el tiempo de gestión manual en un 90%.
-
Seguridad & Datos: Backend en Supabase con políticas RLS (Row Level Security) estrictas. El panel administrativo incluye un modo “Cámara Rápida” (
capture="environment") para digitalizar inventario físico desde el móvil en segundos.
Impacto#
- Core Web Vitals: Puntuación de 100/100 en Performance y Accesibilidad, crucial para dispositivos móviles de gama media.
- Eficiencia Operativa: Transformación del flujo de carga de productos de minutos (PC) a segundos (Móvil).
- Visibilidad de Negocio: Implementación de un Dashboard de ROI que cruza la intención de compra (Web) con el cierre real (Caja), resolviendo la “ceguera de datos” común en ventas por chat.