https://github.com/hamzaerbay/micro-frontend
bare bone micro frontend structure
https://github.com/hamzaerbay/micro-frontend
frontend microfrontends react
Last synced: 3 months ago
JSON representation
bare bone micro frontend structure
- Host: GitHub
- URL: https://github.com/hamzaerbay/micro-frontend
- Owner: hamzaerbay
- License: mit
- Created: 2022-12-23T07:06:26.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-02T08:26:57.000Z (over 2 years ago)
- Last Synced: 2024-12-31T09:17:55.114Z (5 months ago)
- Topics: frontend, microfrontends, react
- Language: JavaScript
- Homepage:
- Size: 77.1 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Bare bone Micro-frontend (No CSS, No JS framework)
This is a simple micro frontend application built with webpack module federation consisting of three separate apps.
https://user-images.githubusercontent.com/5136093/209764042-7348555e-f418-4399-a808-57e873ac077a.mov
#### Product App:
This app displays fake product data using the `faker.js` library and can be accessed at `localhost: 8081`.
#### Cart App:
This app displays a fake cart number using the `faker.js` library and can be accessed at `localhost: 8082`.
#### Container App:
This app loads and displays the product and cart apps, and can be accessed at `localhost: 8080`.
---
- Each of these apps operates in its own isolated environment
- Product and cart apps make use of the shared `faker.js` library.
Run `yarn start` in each directory and visit `http://localhost:8080`
### Roadmap
- [X] Bare bone structure
- [ ] Multi framework use case (Vue, swelte, react, etc.)
- [ ] Deploy on Cloud (AWS, Vercel, Netlify)
- [ ] CI/CD pipeline (Github Actions)