https://github.com/adbayb/poc-micro-frontend
🧪 Several approaches to tackle micro frontend architecture
https://github.com/adbayb/poc-micro-frontend
proof-of-concept
Last synced: 4 months ago
JSON representation
🧪 Several approaches to tackle micro frontend architecture
- Host: GitHub
- URL: https://github.com/adbayb/poc-micro-frontend
- Owner: adbayb
- License: mit
- Created: 2021-11-23T07:20:53.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-15T02:25:49.000Z (over 1 year ago)
- Last Synced: 2025-01-05T05:42:05.539Z (5 months ago)
- Topics: proof-of-concept
- Language: JavaScript
- Homepage:
- Size: 358 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
🧪 Micro frontends
Micro-frontend architecture can be defined as an architectural style where independently deliverable frontend applications are composed into a greater whole
## 🚀 Quickstart
**1️⃣ Install**
```shell
pnpm i
```
**2️⃣ Enjoy**
```shell
pnpm start
```
## 🏗️ Architecture
The example includes the following components:
```mermaid
flowchart TD
S(Shell):::strokeWidth -- Shares --> D("Dependencies"):::strokeWidth
S -- Orchestrates --> ML("@micro-frontend/authentication"):::strokeWidth
S -- Orchestrates --> MD("@micro-frontend/classifieds"):::strokeWidth
ML -- Uses --> D
MD -- Uses --> D
style S fill:#ffe5ec,stroke:#ff8fab
style D fill:#daf2d7,stroke:#90cf8e
classDef strokeWidth stroke-width:3px
```
## 📖 Documentation
The full documentation is available [here](./docs).