Micro frontend development for a leading independent financial broker

The client aimed to scale their software development process and utilize the micro frontend development pattern. They wanted to maintain individual applications separately and improve maintainability with smaller applications. This would also allow them to improve the staffing process by avoiding technology lock-in.

N-iX helped the client design and implement the micro frontend architecture. We utilized Webpack 5 Module Federation that covers the separation of applications (e.g. documents, settings, user profile, etc.) and provides orchestration configuration with the custom wrapper. Our engineers applied a multi-repo approach with distribution of multiple independent web applications. We also used a custom framework for the CI/CD pipeline and application bootstrap.

N-iX engineers helped the client overcome several important technical challenges:

• Cross front-end communications (Pub/Sub);
• Caching of renewed applications;
• Injection of separate Angular-based application as a micro front-end;
• Local environment setup for proper asset management.

N-iX engineers applied their expertise in micro frontend development to help the client in several important ways:

• Handled the R&D process of micro frontend design approaches;
• Selected, guided, and developed the micro frontend architecture;
• Helped develop 4 micro frontends in total.