Replatforming de un frontend de Saleor sin tocar el backend

Los equipos que trabajan con Saleor suelen tener un backend con el que están satisfechos y un frontend que se ha convertido en el cuello de botella: lento para marketing, por detrás en Core Web Vitals o costoso de mantener. Como Saleor es headless, se puede renovar el frontend por fases sobre la API de GraphQL mientras el backend permanece exactamente igual.

Por qué las fases superan al todo o nada

Una reconstrucción completa del frontend es un programa grande y arriesgado. La API de GraphQL ya desacopla el frontend del backend, por lo que se pueden migrar grupos de rutas de uno en uno y validar cada uno frente a la API en producción antes de pasar al siguiente.

Replatforming por fases sobre la API de GraphQL

• Fase 1: levantar el nuevo frontend de Laioutr contra la API de GraphQL para un alcance acotado, por ejemplo contenido y landing pages
• Fase 2: migrar las páginas de categoría y producto, validando las respuestas de la API frente al catálogo en producción
• Fase 3: migrar el carrito y el checkout, los flujos de mayor riesgo, con ejecución en paralelo y medición
• Fase 4: migrar las rutas restantes y retirar el frontend antiguo

En cada fase, el backend de Saleor permanece intacto. Se cambia cómo se renderizan los datos, no dónde residen.

El plan de rollback importa

Cada fase tiene un alcance definido y una vía de rollback: las rutas pueden volver a apuntar al frontend anterior si una fase presenta regresiones. El rendimiento y la accesibilidad se validan en cada fase.

Qué se gana

• Autonomía para marketing gracias a un constructor visual de páginas, sin necesidad de un ticket de ingeniería por cada banner
• Objetivo de Lighthouse 100 y Core Web Vitals de fábrica
• WCAG 3.0 y BFSG gestionados a nivel de plataforma
• Se mantiene la opcionalidad de backend

Preguntas frecuentes

¿Podemos ejecutar Laioutr junto a nuestro frontend actual?

Sí. Durante la transición, ambos consumen la misma API de GraphQL, por lo que se puede migrar de forma gradual.

¿Se modifica el backend de Saleor?

No. El replatforming ocurre en la capa de frontend sobre la API. El backend y los datos permanecen donde están. Consulta la página pilar de Saleor o reserva una llamada de scoping.

Lecturas relacionadas: Comparativa de opciones de frontend headless para Saleor y Replatforming de un frontend de BigCommerce sin tocar el backend.