Motivación

Nota: Este proyecto es desarrollado en mi tiempo libre, lo que puede significar que el progreso sea más lento de lo esperado. Si deseas apoyar el desarrollo y acelerar su progreso, considera contribuir económicamente. Más detalles en la sección Apoyo al Proyecto.

El proyecto MageObsidian surge como una propuesta disruptiva para revolucionar la experiencia del desarrollo frontend en Magento. Durante años, el frontend de Magento ha estado limitado por herramientas y prácticas que, aunque útiles en su momento, han añadido complejidad innecesaria al ecosistema. Tecnologías como Less, Knockout y RequireJS han transformado el desarrollo en un proceso desafiante que abruma incluso a los desarrolladores experimentados.

MageObsidian Components busca simplificar y modernizar el desarrollo frontend en Magento mediante una alternativa innovadora y Open Source. Este proyecto introduce dos aspectos clave:

  1. MageObsidian Components: Ya disponibles y Open Source, estas herramientas han sido creadas para implementar un enfoque completamente nuevo en la creación de temas para Magento. Estas herramientas permiten integrar tecnologías modernas como Vite, TailwindCSS, Vue.js y ESM (Módulos de JavaScript nativos), ofreciendo una experiencia de desarrollo más accesible, eficiente y amigable. Más sobre MageObsidian Components.

  2. MageObsidian Theme: El tema base está construido por completo sobre las herramientas mencionadas y ya es funcional. No hereda nada de los temas tradicionales como Blank y Luma, lo que permite un diseño completamente nuevo, alineado con prácticas modernas y libre de las restricciones históricas del frontend de Magento. Hoy apunta a Magento Open Source; Adobe Commerce y Mage-OS son técnicamente compatibles desde el core 2.6.0 pero aún sin pruebas completas. Más sobre MageObsidian Theme — o míralo funcionando en la demo en vivo.

Una de las principales fortalezas de MageObsidian Components es que no sigue el enfoque de una PWA. En lugar de ello, se apoya en el sistema existente de Layouts, Bloques y Templates de Magento, preservando su arquitectura nativa. Este enfoque permite a los desarrolladores aprovechar herramientas modernas y estándares actuales sin necesidad de alterar la compatibilidad con módulos y funcionalidades existentes, ofreciendo una experiencia de desarrollo más fluida y eficiente.

Sobre esa base nativa, MageObsidian Components añade bloques de construcción modernos: los componentes Vue se montan como islas con hidratación perezosa, una capa de i18n integrada los traduce con los diccionarios nativos de Magento, y un motor Twig opcional —incluido por defecto y totalmente compatible con .phtml— está disponible para quien quiera auto-escaping de HTML y herencia de plantillas limpia.

Además, aunque el uso de paquetes de NPM siempre fue posible en Magento, MageObsidian Components lo hace más sencillo y directo. Ahora, de manera elegante, se puede aprovechar el vasto ecosistema de herramientas y librerías disponibles, alineando el frontend de Magento con las mejores prácticas globales del desarrollo web.

En resumen, mientras el tema base sigue en progreso, las herramientas desarrolladas por MageObsidian Components ya están disponibles y ofrecen una solución revolucionaria para redefinir el desarrollo frontend en Magento. Este enfoque combina flexibilidad, eficiencia y modernidad, contribuyendo al ecosistema de Magento.