Caso de estudio · E-commerce headless & CMS

IAMDRIPPING STORE

Una vitrina premium abierta 24/7 que cierra las ventas por WhatsApp: la imagen de una gran marca con el trato directo de siempre. Plataforma headless y panel de administración 100% a medida.

Rol Full Stack Developer
Ubicación Curacautín, Chile
Estado En producción
Captura de la tienda IAMDRIPPING STORE
[ 01 ] 0% comisiones por pasarela
[ 02 ] 100% del dinero va al vendedor
[ 03 ] 24/7 vitrina abierta al público

El proyecto

Una marca de streetwear que necesitaba vender online con estándar de gran tienda, pero sin perder el trato cercano ni regalar margen a las pasarelas de pago.

IAMDRIPPING necesitaba vender online sin depender de una pasarela de pago ni de un desarrollador para cada cambio. La respuesta fue una plataforma headless a medida: un frontend ultrarrápido construido con Next.js que funciona como vitrina pública, y un CMS privado donde el dueño administra todo su catálogo sin tocar código.

A diferencia de un e-commerce tradicional, el checkout no termina en un formulario frío: el carrito genera automáticamente un mensaje ordenado con productos, tallas, cantidades y subtotal que llega directo al WhatsApp del negocio. Ahí se coordina el pago por transferencia o efectivo y el envío. El resultado: cero comisiones por pasarela y una conversación real con cada cliente.

Cómo funciona

Lo mejor de dos mundos: la experiencia de compra de una gran marca y el cierre de venta de una tienda de barrio.

[ 01 ]

Catálogo digital de alto impacto

La tienda funciona como una vitrina premium abierta 24/7. Los clientes navegan fluidamente, ven galerías de fotos de alta calidad, filtran por talla, marca o precio y arman su carrito de forma intuitiva desde el celular o el computador.

[ 02 ]

Cierre de ventas humanizado

Cuando el carrito está listo, el sistema genera un mensaje ordenado —con tallas, cantidades y subtotal— que se envía directo al WhatsApp del dueño. Ahí se coordina el pago por transferencia o efectivo y el envío, sin pasarelas ni comisiones.

[ 03 ]

Autogestión total y sencilla

El dueño accede a un panel privado y seguro donde, sin saber nada de código, puede subir nuevos productos, ocultar los que no tengan stock, cambiar los banners de anuncios, revisar cuánta gente visita la página y gestionar sus videos.

[ 04 ]

Automatizaciones inteligentes

El sistema hace el trabajo pesado: comprime automáticamente cada imagen que se sube para mantener la tienda ultrarrápida y aplica reglas de negocio, como agregar un regalo (shields) al carrito por cada zapatilla seleccionada.

El panel de administración

Un CMS construido desde cero para la operación diaria de la marca: todo lo que el negocio necesita, en un solo lugar y con acceso protegido.

Lo que se gestiona desde el panel

Arquitectura y logros técnicos

Decisiones de ingeniería pensadas para que la tienda sea rápida, segura y barata de mantener incluso con miles de visitas y un catálogo extenso.

Next.js 16 React 19 TypeScript Turbopack Supabase PostgreSQL Cloudflare R2 Sharp Vercel Google Analytics 4

Server-Side Rendering (SSR) y estrategias stale-while-revalidate para que cada página cargue al instante, con TypeScript de punta a punta y build optimizado con Turbopack.

Cada imagen que se sube pasa por un pipeline propio: validación de magic bytes por seguridad, compresión asíncrona a WebP con Sharp y almacenamiento en Cloudflare R2 mediante URLs firmadas. La CDN sirve las imágenes desde el borde sin cargar al servidor.

Login construido desde cero con cookies httpOnly/Secure, rate-limiting con backoff exponencial por IP y cuenta, y un heartbeat que invalida sesiones en tiempo real. El panel queda blindado contra ataques de fuerza bruta.

Carrito persistente en localStorage que sobrevive recargas, con reglas dinámicas: el sistema inyecta productos de regalo según el contenido del carrito, sin intervención del administrador.

Galerías de producto con gestos complejos —swipe entre fotos y pinch-to-zoom— optimizadas para los compradores que llegan desde el celular, que son la gran mayoría.

Panel de métricas que consume la API de Google Analytics 4: embudo de eventos, rendimiento de canales y uso de almacenamiento en tiempo real, con caché multinivel para no golpear la API en cada visita.

Por qué esta arquitectura

Ventajas concretas frente a una plantilla básica de Shopify o WordPress, pensadas para el margen y la operación del negocio.

Sin pasarelas de pago intermediando: el 100% del dinero va directo al vendedor.

[ 01 ]

Cero comisiones por venta

Al cerrar las ventas por WhatsApp con transferencia o efectivo, el negocio se ahorra el 3% a 5% que cobran las pasarelas de pago. El 100% del dinero va al vendedor.

[ 02 ]

Velocidad extrema (mejor SEO)

Construida con la última tecnología de rendimiento web: las páginas cargan al instante, evitan que los compradores se frustren y se vayan, y ayudan a que Google posicione mejor la tienda.

[ 03 ]

Cero costos ocultos de servidor

Gracias a la arquitectura implementada —imágenes en Cloudflare R2 y base de datos optimizada—, la tienda soporta miles de visitas mensuales y un catálogo extenso sin altísimos costos de mantenimiento.

[ 04 ]

Seguridad de grado corporativo

El panel de administración está blindado contra ataques de fuerza bruta, bloquea accesos sospechosos y gestiona las sesiones con el mismo nivel de seguridad que una aplicación bancaria.

[ 05 ]

Decisiones basadas en datos

Google Analytics 4 integrado directamente en el panel: el dueño ve qué productos atraen más, de dónde vienen sus clientes y si compran desde celulares o computadores, todo en un solo lugar.

¿Quieres una plataforma así para tu negocio?

Cuéntanos qué vendes y te armamos una propuesta a tu medida, sin compromiso.