Harmonix

The Ultimate Multi-Team Micro Frontend Framework

COMENZAR CREA UN PLUGIN

Equipo de ventas

Pedidos

Equipo de plataforma

Avisos

Equipo de datos

Indicadores

Harmonixheader

side menu

main

El shell define las regiones
Cada equipo publica su plugin
Harmonix los compone
Se hablan por el broker
Cambian de vista sin recargar

Building Faster, Smarter, Together.

Cada plugin es independiente: lo hace un equipo, con el framework que quiera, y se publica por su cuenta. La aplicación solo decide cuáles carga. Pruébalo: activa y desactiva plugins, cambia de vista en el menú o crea un pedido.

Elige qué plugins carga la aplicación:

PedidosEquipo de ventas, React. Una vista y un elemento en el menú.

IndicadoresEquipo de datos, Angular. Una vista y un elemento en el menú.

AyudaEquipo de soporte, React. Una vista y un elemento en el menú.

AvisosEquipo de plataforma, Lit. Una vista en la cabecera.

PerfilEquipo de plataforma, Lit. Una vista en la cabecera.

Harmonix1

Lit

Pedidos

React

#1024
#1025
#1026
#1027

await bootstrapPlugins([
  { pluginId: "orders", importer: () => import("orders.js") },
  { pluginId: "insights", importer: () => import("insights.js") },
  { pluginId: "alerts", importer: () => import("alerts.js") },
]);

Características y beneficios

BENEFICIO 1 vector

Equipos autónomos e independientes

Equipos independientes pueden desarrollar y desplegar sus frontales de manera autónoma con cualquier tecnología. Elimina las barreras en tu desarrollo y haz crecer tu aplicación sin límites, abriendo la puerta a proyectos con múltiples proveedores.

BENEFICIO 2 vector

Experiencia de usuario unificada

Mediante la reutilización de componentes y la distribución de temas, Harmonix permite a los equipos crear una experiencia de usuario unificada y fluida, asegurando una integración sin fisuras a través de todas las partes de la aplicación.

BENEFICIO 3 vector

Rendimiento, escalabilidad y extensibilidad

Harmonix utiliza una arquitectura modular de plugins que facilita la escalabilidad horizontal y la extensión con funcionalidades propias y de terceros.

BENEFICIO 4 vector

Agnóstico a la tecnología

Las tecnologías cambian rápidamente y nunca sabemos si la tecnología elegida hoy quedará obsoleta mañana. Harmonix es agnóstico a la tecnología, permitiendo adaptarte a nuevas tendencias con rapidez y evitando el "lock-in" tecnológico.

Tecnologías soportadas

Únete ya a nuestra comunidad

¡Únete a nuestra comunidad y ayúdanos a hacer crecer Harmonix!

¿Quieres formar parte del crecimiento de Harmonix? Únete a nuestro servidor de Discord y colabora con otros desarrolladores para hacer crecer este framework juntos. Comparte ideas, resuelve dudas y contribuye al futuro de Harmonix en un espacio abierto y dinámico. ¡Te esperamos!

ÚNETE YA

Democratiza y distribuye el desarrollo de tu aplicación

Elimina las barreras de tu desarrollo y haz crecer tu aplicación sin límites. Con Harmonix, puedes distribuir el trabajo de manera eficiente entre equipos independientes, escalando y adaptándote a nuevas necesidades de manera rápida. Comienza ahora y libera todo el potencial de tus equipos y aplicación.

$ npm create @uxland/harmonix-plugin@latest

COMENZAR