Un frontend de commercetools es la capa orientada al cliente de un stack de composable commerce. commercetools proporciona el backend con productos, pedidos y checkout; el frontend se conecta a través de la API de commercetools (REST y GraphQL) y se puede diseñar libremente. A diferencia de las plataformas monolíticas, un frontend para commercetools siempre es obligatorio, no opcional. Ahí es donde trabaja un frontend headless composable, entregado como Frontend as a Service.

commercetools sigue gestionando productos, categorías, precios, pedidos, stores y grupos de clientes. Usas la API de Merchant Center que ya conoces, sin nuevos workflows ni formaciones.

Tienes tres opciones: construirlo tú mismo (Next.js o Nuxt personalizado), Frontastic (el frontend adquirido por ct), o una Frontend Management Platform como Laioutr. Cada opción tiene pros y contras, que detallamos en esta página.

Sin duplicación de datos, sin conflictos de sincronización. Laioutr habla directamente con la API de commercetools (REST y GraphQL), con soporte de multi-proyecto, multi-store y grupos de clientes.

commercetools no impone el frontend. Eso pone la pregunta "¿qué estrategia de frontend?" sobre la mesa en cada proyecto composable. Cuatro opciones están establecidas en el mercado. Aquí está dónde compensa cada una.

Máximo control, máximo esfuerzo. Lo construyes todo tú mismo, despliegas tú mismo, escalas tú mismo. Requiere un equipo React o Vue dedicado y una fase de construcción de seis a doce meses. Tiene sentido si ves la ingeniería de frontend como una competencia estratégica central.

Un framework de frontend open source, stack Vue, originalmente creado para Magento, hoy multi-backend. Comunidad activa, pero sin red de soporte directa en DACH. Tiene sentido si tienes un equipo Vue y el open source es estratégicamente importante.

El frontend oficial de commercetools tras la adquisición de Frontastic en 2021. Su propio builder Studio, profundamente integrado en el stack de ct, precios enterprise. Tiene sentido si te comprometes estratégicamente al 100% con commercetools y aceptas el lock-in.

Una Frontend Management Platform con builder visual, más de 70 componentes, hosting UE y soporte multi-backend. El time-to-launch más rápido, la curva de aprendizaje más baja, opcionalidad de backend para el futuro. Tiene sentido si quieres salir en vivo rápido y mantener abiertas tus opciones multi-backend.

Laioutr está construido para configuraciones de commercetools que necesitan cambiar rápido y escalar globalmente. Desde el stack multi-marca para portafolios de marca hasta el frontend de configurador B2B.

Varias marcas en una sola instancia de commercetools con frontends independientes, dominios propios, identidad de marca propia. Un pool de componentes, varias presencias de marca.

Grupos de clientes, precios y precios escalonados de commercetools. Laioutr llama directamente a la API de ct y representa precios, surtidos y plazos de pago netos específicos por grupo de clientes. Configuradores, descuentos por volumen, flujos de aprobación.

Una instancia ct, muchos stores. Idiomas, monedas, layouts y surtidos se pueden controlar por store, compatible con el concepto de stores de ct.

Configuradores de coches, bienes industriales, workflows de personalización. La lógica compleja de gestión de estado se resuelve a nivel de componente de Laioutr, mientras que las llamadas a la API de ct permanecen limpiamente separadas.

Un stack de Frontastic existente debe sustituirse, sin tocar el backend de ct. Migración por fases, con un plan de rollback claro.

Un nuevo proyecto de commercetools, un inicio desde cero. Con themes de Laioutr y la biblioteca de UI, esto entra en producción en semanas, en lugar de invertir meses en una construcción propia.