/microfrontends-demo

Server-side composition of microfrontends

Primary LanguageJavaScriptMIT LicenseMIT

Microfrontends-demo

A demo of microfrontends. This demo uses Podium, a microfrontend framework that's made and maintained by FINN.no.

Layout

The Layout server has the single responsibility of composing microfrontends. It does so by setting up contracts between it and other microservices. One can start it with the following script:

$ npm run layout

Podlets

Podlet is Podium's term for microfrontends and each one in this demo is written in Javascript. Snowpack is used for development mode and it bundles for production to EcmaScript Modules (ESM) using ESbuild.

$ npm run podlet

Shared dependencies

Each podlet shares react dependencies through absolute ESM imports that are cached in the browser. They fetch both react and react-dom from Skypack, thus reducing the bundle size considerably.