Microfrontends

Introduction

The idea behind Micro Frontends is to think about a website or web app as a composition of features which are owned by independent teams. Each team has a distinct area of business or mission it cares about and specialises in. A team is cross functional and develops its features end-to-end, from database to user interface.

— Michael Geers, micro-frontends.org (opens new window)

Think of micro frontends as the implementation of a microservices architecture applied to the full web application that extends all the way to the frontend.

Entando implements micro frontends based on Web Components (opens new window), a set of technologies that allow developers to create reusable custom elements supported by all major internet browsers.

Web Components can work with vanilla JavaScript as well as with the most popular web frameworks (e.g., React, Angular, and Vue).

Entando's microservice and micro frontend architecture allows developers to work with their favorite technology stack, and makes it easier for companies to integrate disparate applications.

Tutorials

• Create a React Micro Frontend

• Create an Angular Micro Frontend

• Add an App Builder configuration screen to a widget

• Display widget configuration

• The Entando Blueprint generated widgets

• Communicate Between Micro Frontends

• Widget authentication with Keycloak