Skip to content
A simple microfrontend architecture for explaining/showcasing the concept
HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
application
microfrontend
.gitignore
README.md
microfrontends.png

README.md

Microfrontends

A simple microfrontend architecture for explaining/showcasing the concept

Setup

Microfrontend

cd microfrontend
npm install
npm start

This will serve a microfrontend at http://localhost:3000/, which you can open in the browser but it won’t do a lot on its own.

Application

cd application
npm install
npm start

Open http://localhost:4000/ in your browser, try to change the microfrontend’s view model via http://localhost:4000/John%20Doe and toggle notifications.

There’s also a http://localhost:4000/single-page-application route that shows how to use microfrontends within a single-page application when there’s no possibility for server-side includes.

Contributors

Manuel Wieser
https://manu.ninja
https://twitter.com/manuelwieser
https://www.paypal.me/manuninja

You can’t perform that action at this time.