GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → cagataycali → micro-fun

cagataycali / micro-fun

Licence: MIT License
Micro frontends as Fun with Next.js & module federation

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
shell
77523 projects

Labels

microfrontendsmicrofrontendmicrofrontend-architecturemicrofrontend-react-appsmicrofrontend-react

Projects that are alternatives of or similar to micro-fun

windowed-observable
Messaging lib using a pub/sub observable scoped by namespaces.
Stars: ✭ 132 (+140%)
Mutual labels:  microfrontends, microfrontend
Qiankun
📦 🚀 Blazing fast, simple and complete solution for micro frontends.
Stars: ✭ 11,497 (+20803.64%)
Mutual labels:  microfrontends, microfrontend
scion-microfrontend-platform
SCION Microfrontend Platform is a TypeScript-based open-source library that helps to implement a microfrontend architecture using iframes.
Stars: ✭ 51 (-7.27%)
Mutual labels:  microfrontend, microfrontend-architecture
Microfrontends
Micro-frontend Architecture in Action-微前端的那些事儿
Stars: ✭ 2,696 (+4801.82%)
Mutual labels:  microfrontends, microfrontend
piral-microfrontend-demo
A demo for microfrontend webshop product page using Piral. 🚀
Stars: ✭ 20 (-63.64%)
Mutual labels:  microfrontends, microfrontend
mf-lite
🎉 优雅且实用的基于 webpack module federation 的微前端解决方案 / Elegant and practical micro front-end solution based on webpack module federation.
Stars: ✭ 126 (+129.09%)
Mutual labels:  microfrontend, microfrontend-architecture
microfest
Manifest management for single page applications driven by micro frontend apps
Stars: ✭ 14 (-74.55%)
Mutual labels:  microfrontends
fronts
A progressive micro frontends framework for building Web applications
Stars: ✭ 493 (+796.36%)
Mutual labels:  microfrontends
merkur
tiny extensible javascript library for front-end microservices
Stars: ✭ 45 (-18.18%)
Mutual labels:  microfrontends
mooa-boilerplate
microfrontends framewrok mooa's boilerplate.前端微服务化框架 Mooa 脚手架示例
Stars: ✭ 30 (-45.45%)
Mutual labels:  microfrontends
frontegg-react
Frontegg-React is pre-built Component for faster and simpler integration with Frontegg services.
Stars: ✭ 15 (-72.73%)
Mutual labels:  microfrontend-react
mo360-ftk
MO360 Frontend Toolkit: A toolkit for single page applications (SPA) based on React and Typescript that allows to extract single features into microfrontends.
Stars: ✭ 54 (-1.82%)
Mutual labels:  microfrontend
rallie
a library that helps users implement decentralized front-end micro service architecture
Stars: ✭ 285 (+418.18%)
Mutual labels:  microfrontends
angular-react-microfrontend
🚧 React vs Angular ? Why not both ! Micro frontend demo using Angular and React alongs with a NodeJS API
Stars: ✭ 17 (-69.09%)
Mutual labels:  microfrontend
micro-frontend-gateway
🌐 Micro Frontends PoC in Angular - GATEWAY
Stars: ✭ 26 (-52.73%)
Mutual labels:  microfrontends
micro-frontends-demo
Demo of a micro frontend approach with Web Components. From CodeOne 2019 presentation: Micro Front Ends: Breaking Up the Front-End Monolith
Stars: ✭ 24 (-56.36%)
Mutual labels:  microfrontends
lego
🚀 Web-components made lightweight & Future-Proof.
Stars: ✭ 69 (+25.45%)
Mutual labels:  microfrontends
react-microfrontends-demo
Demo of microfrontends using React
Stars: ✭ 36 (-34.55%)
Mutual labels:  microfrontends
mashroom
Mashroom Server, an Integration Platform for Microfrontends
Stars: ✭ 35 (-36.36%)
Mutual labels:  microfrontends
nut
🌰 A framework born for micro frontends
Stars: ✭ 101 (+83.64%)
Mutual labels:  microfrontends
View All Similar Projects ➔

Micro Frontend Fun (Not blazing fast) - Build for fun, really.

This project is a template for your next micro-frontend project.

Example usage:

https://github.com/cagataycali/micro-fun-example

Another example: https://github.com/cagataycali/micro-fun-rick-and-morty

Usage of template

git clone [email protected]:cagataycali/micro-fun.git

Scaffold a boilerplate for micro fragment

FUN_FRAGMENT_NAME=Header FUN_PORT=3000 ./copy.sh header
FUN_FRAGMENT_NAME=Footer FUN_PORT=3001 ./copy.sh footer
FUN_FRAGMENT_NAME=Avatar FUN_PORT=3002 ./copy.sh avatar

./install.sh header
./install.sh footer
./install.sh avatar

Start

./start.sh footer # in first terminal
./start.sh header # in second terminal
./start.sh avatar # in third terminal

# Edit composer project for concatenate project (uncomment examples.)
cd composer
yarn dev

Join Discussion

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].