Guía de desarrollo Shopify: themes, apps, Functions y headless

Shopify te da cuatro lugares para escribir código. Elegir el equivocado es el error más caro que vemos en auditorías. Así decidimos.

Themes (Liquid + Online Store 2.0)

• Para: UI de storefront, contenido, merchandising, cualquier cosa atada a una página.
• Fortalezas: Rápido de entregar, performance nativo, marketing edita sections sin devs.
• Límites: No puede modificar checkout (eso es Functions/UI extensions), no persiste estructuras de datos custom (eso es metafields/metaobjects).

Shopify Functions (Plus y no-Plus)

• Para: lógica de descuentos, customización de shipping/payment, validación de cart y checkout, ruteo de fulfillment.
• Fortalezas: Corren dentro de la infra de Shopify, milisegundos, sin app server que mantener.
• Límites: APIs específicas por function, runtime sandboxed (Wasm). No para lógica de backend arbitraria.

Apps (Remix + Shopify CLI)

• Para: UI de admin, integraciones con sistemas externos, jobs async, cualquier cosa que necesite base de datos o worker en background.
• Fortalezas: Backend completo, OAuth, webhooks, billing. Puede ser privada (solo tu tienda) o pública.
• Límites: Overhead de performance — mantén los app blocks renderizados en storefront ligeros.

Headless (Hydrogen / Next.js + Storefront API)

• Para: marcas con necesidad de velocidad de contenido, complejidad multi-región/multi-store, requerimientos de LCP <1.5s.
• Fortalezas: Libertad total de UI, edge caching, mejor DX para equipos senior de frontend.
• Límites: Reimplementas lo que el theme te da gratis. No le queda a la mayoría de marcas bajo $5M.

Árbol de decisión rápido

• "Necesito cambiar una PDP" → section de theme.
• "Necesito un descuento que ninguna app soporta" → Shopify Function.
• "Necesito sincronizar inventario con mi ERP" → app (privada) o middleware.
• "Necesito 100% control del UI del storefront" → headless (solo si puedes staffearlo).

---

Construimos en las cuatro capas para marcas Shopify y Shopify Plus. Pide una cotización.