Micro frontends with Deno

This repository contains a proof of concept implementation for micro frontends. Any custom element can be imported to the shell as long as it provides a default exported HTMLElement.

Structure

┌── services/
│   ├── service-1 # micro frontend 1
│   └── service-2 # micro frontend 2
├── shared/ # shared UI elements, bundling & server
└── shell/ # shell composing the mirco frontends

Run

service-1 $ deno task run # start the service on port 8001
service-2 $ deno task run # start the service on port 8002
shell $ deno task run # start the shell on port 8000

Stack

• Custom elements
  • r2wc
• Inter-service communication
  • CustomEvent
• User interface
  • react
  • react-router
  • styled-components
  • esbuild-deno-loader
• Server
  • Deno
  • Hono