Tienda de moda headless
Migración de tienda Shopify a headless con Astro + Shopify Storefront API, manteniendo el panel admin de Shopify.
Proyecto demo, construido para mostrar qué se puede hacer. El negocio (Moda Urbana BsAs) y sus cifras son un escenario de ejemplo, no un cliente.
El escenario
Tienda de indumentaria urbana con 400 productos. Shopify les funcionaba pero querían velocidad sub-1s y un front que reflejara su marca sin las restricciones del tema.
Lo que construí
Marca de indumentaria urbana con showroom en Palermo y tienda Shopify online. El tema que usaban tardaba 2.8s en cargar mobile. La dueña quería velocidad sub-1s sin perder la comodidad del panel admin de Shopify.
El problema
Shopify es excelente como backend: productos, stock, checkout, fulfillment. Pero el front con temas de Shopify sufre: JS pesado, imágenes no optimizadas, fonts externas. Para mantener la marca necesitaban un front custom.
La solución
Headless commerce con Astro + Shopify Storefront API:
- Shopify se mantiene como backend (productos, stock, pedidos, checkout nativo)
- Astro consume la Storefront API vía GraphQL con caché en build
- Imágenes servidas desde el CDN de Shopify con srcset automático
- Webhooks sincronizan el rebuild cuando hay cambios de producto
- Checkout sigue siendo Shopify (no reinventar la rueda)
Resultado
Tiempo de carga mobile bajó de 2.8s a 0.7s. Lighthouse subió de 62 a 98. Conversión mobile subió 34%. La dueña sigue manejando productos desde el panel Shopify que ya conoce. Cero disrupción operativa.
Lo que resuelve
Headless: Shopify como backend (productos, stock, pedidos, checkout), Astro como front. Velocidad bajó a 0.7s, diseño 100% custom, checkout intacto.
Datos del escenario
- Productos migrados
- 400
- Tiempo de carga antes
- 2.8s
- Tiempo de carga después
- 0.7s
- Conversión mobile
- +34%