Modular Frontends

The rise of distributed web applications also comes with many challenges. One way to improve the situation for end-users is to introduce a frontend solution, which is a web application containing many smaller and independent modules. Our preferred way of implementing such scenarios is based on a micro frontend architecture, which allows a loosely coupling of frontend components with backend services. This can be seen as the frontend sibling to a backend microservices architecture.

In the past we've helped many customers to build a scalable frontend solution using a variety of technologies. While most of our projects start with a clean sheet, we are also here for you to conduct architecture reviews, help you with an existing project, or provide a proof-of-concept for assisting your decision process.

If you have questions or need more information, please don't hesitate to get in touch.

Contact us

Technologies

For modular frontends we have many years of experience using the following technologies and more.
Angular
Angular
UI Framework
Blazor
Blazor
UI Framework
React
React
UI Library
Vue
Vue
UI Library
Next.js
Next.js
Fullstack Framework
Piral
Piral
Orchestrator
Module Federation
Module Federation
Orchestrator
Native Federation
Native Federation
Orchestrator
single-spa
single-spa
Meta Framework
Node
Node
Server-Side Rendering
TypeScript
TypeScript
Language
C#
C#
Language
HTML5
HTML5
Web Components
CSS3
CSS3
Modular Styling

Relevant Articles

In the last decade we've helped our customers to scale in all possible directions. By embracing a module architecture in the frontend, you will minimize the technical debt in your solution. As a result, you are able to ship features faster, more securely, and with less uncertainty than beforehand.

Some of our experiences with micro frontends have been formed into articles. This way, we can share our knowledge with the community to improve the overall ecosystem and awareness around modular frontends.

Selected Projects

Cloud Architecture

RUBY PLATFORM

By architecting and implementing the cloud infrastructure based on the Azure Kubernetes Service, we contribute to realizing the technical foundation for hosting the cloud services for the RUBY platform at Windmöller & Hölscher.

Internet of Things

Solution Architecture

Leveraging our expertise in the area of IoT, we support GROHE in architecting and implementing modern IT solutions as foundation for innovative digital services in the consumer market.

Open-Source

Piral

smapiot has been an early adopter of micro frontend architectures for large-scale web apps. After years of custom implementations we have initiated and are actively driving the development of the generic open-source framework named Piral.

Platform Architecture

ENERGY MANAGEMENT

For the modular and flexible energy and facility management platform we develop together with the FE-Partner team the solution concept with a microservices driven backend architecture and micro frontends powered by Piral.

Frontend Architecture

Medical Record System

With our experience in realizing modular web applications, we provide essential guidance for transitioning the frontend solution of the OpenMRS system to a modern micro frontend based architecture.

Frontend Architecture

Customer Companion

We developed the architecture for a new microservice backend with a modern portal solution based on micro frontends. smapiot also provided support for the implementation.

Identity Management

Global Identity

From concept to go-live, we provided subject matter expertise and significant contribution in all phases of introducing a modern identity management system for the new Digital Service Platform.

Internet of Things

SmartHome

Driving the design of the overall solution architecture and orchestrating the technical implementation, we contributed to the successful evolution of the smart home system.