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.

A principios de 2026, el panorama del desarrollo en Shopify ha completado su transición desde los antiguos scripts basados en Ruby hacia un modelo de lógica en el "edge". Tras la depreciación final de Shopify Scripts el 28 de agosto de 2025, las Shopify Functions se han convertido en el estándar universal para la lógica de comercio en el back-end. Estos módulos de WebAssembly (Wasm) ahora gestionan logísticas complejas como el enrutamiento de pedidos y modificaciones de motores de descuento de alto volumen, operando a una escala que anteriormente requería middleware dedicado. Tras un cierre de 2025 con cifras récord de GMV, el énfasis para los desarrolladores ha pasado de "crear funciones" a "optimizar la latencia", especialmente con la adopción total de Checkout Extensibility por parte de los comerciantes Plus.

La introducción del Model Context Protocol (MCP) y las funciones de comercio agéntico ha ampliado aún más la definición del desarrollo en Shopify. Las marcas de alto crecimiento utilizan cada vez más Hydrogen —el framework de Shopify basado en React— alojado en Oxygen para construir tiendas con tiempos de carga de menos de un segundo que se integran directamente con estos modelos de IA. El "Headless" ya no es una opción puramente estética; es una estrategia de rendimiento para marcas con presencia internacional en múltiples tiendas. Al avanzar por el primer trimestre de 2026, la convergencia de Metaobjects para datos estructurados y Shopify Functions para la lógica significa que el enfoque orientado a Liquid se reserva para la orquestación de contenido, mientras que el motor de negocio principal reside en el entorno edge alojado por Shopify.

Preguntas frecuentes

¿Siguen funcionando los Shopify Scripts en 2026?

Shopify Scripts se retiraron oficialmente el 28 de agosto de 2025. Toda la lógica personalizada del carrito y el checkout debe migrarse ahora a Shopify Functions. A diferencia de los Scripts, que se basaban en Ruby y estaban limitados a Shopify Plus, las Functions se escriben en lenguajes como Rust o JavaScript y ofrecen un rendimiento significativamente superior durante eventos de alto tráfico.

¿Cuál es la diferencia entre Hydrogen y Oxygen?

Hydrogen es el framework preferido de Shopify para comercio headless, construido sobre Remix y optimizado para la Storefront API. Oxygen es la plataforma de hosting global de Shopify para tiendas Hydrogen. Juntos, eliminan la necesidad de hosting de terceros y proporcionan una integración más estrecha con la capa de datos de Shopify.

¿Cuándo debo usar una Shopify Function en lugar de una App completa?

Las Shopify Functions son ideales para la lógica que debe ejecutarse dentro del flujo de checkout, como descuentos personalizados o tarifas de envío. Las Apps deben usarse cuando se necesita una base de datos persistente, una interfaz de usuario personalizada en el Administrador de Shopify o tareas en segundo plano. Si solo necesita modificar el comportamiento del checkout, una Function es la opción más eficiente.

¿Qué papel juegan los Metaobjects en el desarrollo moderno de Shopify?

Los Metaobjects permiten definir estructuras de datos personalizadas directamente en Shopify. Son más potentes que los Metafields porque pueden gestionarse como entidades distintas con múltiples campos y vincularse a productos o clientes. Son el estándar actual para gestionar contenido complejo sin necesidad de un CMS externo.

Lecturas recomendadas

• Explorar la documentación de desarrollo de Shopify