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 → Marfusios → micro-frontend-gateway

Marfusios / micro-frontend-gateway

Licence: MIT license
🌐 Micro Frontends PoC in Angular - GATEWAY

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

demoangularmicroservicesmicro-frontendsmicrofrontends

Projects that are alternatives of or similar to micro-frontend-gateway

Microfrontends
Micro-frontend Architecture in Action-微前端的那些事儿
Stars: ✭ 2,696 (+10269.23%)
Mutual labels:  micro-frontends, microfrontends
Qiankun
📦 🚀 Blazing fast, simple and complete solution for micro frontends.
Stars: ✭ 11,497 (+44119.23%)
Mutual labels:  micro-frontends, microfrontends
scalecube-js
Toolkit for working in microservices/micro-frontends architecture.
Stars: ✭ 63 (+142.31%)
Mutual labels:  micro-frontends, microfrontends
fronts
A progressive micro frontends framework for building Web applications
Stars: ✭ 493 (+1796.15%)
Mutual labels:  micro-frontends, microfrontends
symbiote.js
Simple, light and very powerful library to create embedded components for any purpose, with a data flow management included.
Stars: ✭ 40 (+53.85%)
Mutual labels:  micro-frontends
mooa-boilerplate
microfrontends framewrok mooa's boilerplate.前端微服务化框架 Mooa 脚手架示例
Stars: ✭ 30 (+15.38%)
Mutual labels:  microfrontends
frontend
For seeing Ergonode in action please book a demo https://www.ergonode.com/book-a-demo
Stars: ✭ 122 (+369.23%)
Mutual labels:  microfrontends
micro-lc
An open source micro-frontend orchestrator
Stars: ✭ 199 (+665.38%)
Mutual labels:  micro-frontends
nut
🌰 A framework born for micro frontends
Stars: ✭ 101 (+288.46%)
Mutual labels:  microfrontends
lego
🚀 Web-components made lightweight & Future-Proof.
Stars: ✭ 69 (+165.38%)
Mutual labels:  microfrontends
microfest
Manifest management for single page applications driven by micro frontend apps
Stars: ✭ 14 (-46.15%)
Mutual labels:  microfrontends
application-modernization-javaee-quarkus
Application Modernization Sample - From Java EE (2010) to Cloud-Native (2021)
Stars: ✭ 99 (+280.77%)
Mutual labels:  micro-frontends
plastic-bag
An open source library to work with micro frontends.
Stars: ✭ 22 (-15.38%)
Mutual labels:  microfrontends
dynamico
Dynamico allows a remote (web-like) code push work-flow for continuous delivery of specific features native or web.
Stars: ✭ 96 (+269.23%)
Mutual labels:  microfrontends
rallie
a library that helps users implement decentralized front-end micro service architecture
Stars: ✭ 285 (+996.15%)
Mutual labels:  microfrontends
react-app-loader
Production ready library for handling Microfrontends
Stars: ✭ 75 (+188.46%)
Mutual labels:  microfrontends
micro-frontends
example repo for micro frontends with react and dependency inversion as integration pattern
Stars: ✭ 28 (+7.69%)
Mutual labels:  micro-frontends
admincraft
Admincraft is a vue admin application quick build tool
Stars: ✭ 36 (+38.46%)
Mutual labels:  micro-frontends
merkur
tiny extensible javascript library for front-end microservices
Stars: ✭ 45 (+73.08%)
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 (-34.62%)
Mutual labels:  micro-frontends
View All Similar Projects ➔

logo

GATEWAY Build Status demo link

This is Micro Frontends proof of concept.

To cover these requirements:

  • separate frontend per every microservice (micro frontend AKA ‘MF’)
  • MF independently deployable, has to be dynamically loaded in runtime (not statically built)
    • via canary deployment we want to load ALPHA microservice in version 1.0, but BETA microservice in version 1.2
    • other canary deployment wants to load ALPHA microservice in version 2.0, but BETA microservice in version 1.0
  • frontend source codes as part of the backend git repository (to be versioned together)
  • preserve look and feel of SPA application
    • like desktop application
    • instant switching between modules
    • only one full reload

Architecture

separation

Implementation

Current implementation is based on Angular and Angular Package Format (via library ng-packagr).

Micro frontends can be found here:

Gateway deployed at: mkotas.cz/micro-frontend-gateway

Usage

  • local development
    • npm start
    • modify urls in 'app-routing.module.ts'
  • remote deployment
    • npm build-deploy
    • copy content of 'deployment' directory into web server

Resources

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].