All Projects → ranjanrajiv00 → Micro Frontends

ranjanrajiv00 / Micro Frontends

micro-frontends architecture with reactjs, nodejs, express

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Micro Frontends

Webpack Hot Server Middleware
🔥 Hot reload webpack bundles on the server
Stars: ✭ 319 (+383.33%)
Mutual labels:  expressjs, ssr
Next Express Bootstrap Boilerplate
⚡️ JavaScript boilerplate for a full stack app built using React.js, Next.js, Express.js, react-bootstrap, SCSS and full SSR with eslint.
Stars: ✭ 102 (+54.55%)
Mutual labels:  expressjs, ssr
Mern
🎉 This is boilerplate for MERN stack with integrations like Redux and SSR 🎉
Stars: ✭ 77 (+16.67%)
Mutual labels:  expressjs, ssr
React App Architecture
React.js Isomorphic Web Application Architecture - Learn to build a complete website for a blogging platform like Medium, FreeCodeCamp, MindOrks etc using React.js, Redux, Material-UI, Express.js, Typescript, Webpack, Babel, and Docker. OpenSource project by AfterAcademy
Stars: ✭ 122 (+84.85%)
Mutual labels:  expressjs, ssr
Express Gateway
A microservices API Gateway built on top of Express.js
Stars: ✭ 2,583 (+3813.64%)
Mutual labels:  microservices, expressjs
React Pwa
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.
Stars: ✭ 2,433 (+3586.36%)
Mutual labels:  expressjs, ssr
Frontless
Build universal JS applications with Riot.JS
Stars: ✭ 108 (+63.64%)
Mutual labels:  expressjs, ssr
Nodebestpractices
✅ The Node.js best practices list (December 2021)
Stars: ✭ 72,734 (+110103.03%)
Mutual labels:  microservices, expressjs
Madclones
A collection of frameworks that I love with a strong focus on clean code, testing, software architecture/design and devops.
Stars: ✭ 480 (+627.27%)
Mutual labels:  microservices, expressjs
Serverless Api Example
Example of a Golang, Serverless API
Stars: ✭ 62 (-6.06%)
Mutual labels:  microservices
Bookstoreapp Distributed Application
Ecommerce project is being developed using Spring Boot Microservices and Spring Cloud (Backend) and React (Frontend). Splitting the Ecommerce functionality into various individual microservices so that they can be distributed, scale really well and make use of resources efficiently.
Stars: ✭ 63 (-4.55%)
Mutual labels:  microservices
Pinia
🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
Stars: ✭ 1,111 (+1583.33%)
Mutual labels:  ssr
Shadow.com
基于SSRPanel的修改
Stars: ✭ 62 (-6.06%)
Mutual labels:  ssr
Cloud Native Labs
The Labs for Cloud Native Roadshow on OpenShift https://www.openshift.com/
Stars: ✭ 64 (-3.03%)
Mutual labels:  microservices
Webauthn
W3C Web Authentication API Relying Party for Node.js and Express
Stars: ✭ 61 (-7.58%)
Mutual labels:  expressjs
Vue Ssr Demo
Stars: ✭ 65 (-1.52%)
Mutual labels:  ssr
Dva Starter
完美使用 dva react react-router,最好用的ssr脚手架,服务器渲染最佳实践
Stars: ✭ 60 (-9.09%)
Mutual labels:  ssr
React Semantic Ui Sortable Table Example
A small demo for sortable tables of React Semantic UI.
Stars: ✭ 60 (-9.09%)
Mutual labels:  expressjs
Resty
Super easy REST API framework for Scala
Stars: ✭ 65 (-1.52%)
Mutual labels:  microservices
Thinkdiff
My open source project links, programming and software development related code and tutorials are in this repo. Content types: Python, JavaScript, Dart | Django, React, Flutter, React-Native etc.
Stars: ✭ 65 (-1.52%)
Mutual labels:  expressjs

Tech Stack

React, Redux, WebPack, Node.js & Express.js

Micro apps (Core, Product and Cart).

  • All micro apps are independently developed and deployed
  • Configured webpack to build UMD library
  • Micro apps will expose two api endpoint implemented in express.js
    • /api/assests (it will serve js & css)
    • /api/render (it will return SSR html)

Commands to run individual micro apps

npm run build
npm run server

Created a AppShell (container app).

Container app are responsible for below

  • Seamless Routing
  • CSR & SSR (Hydration)
  • Load micro apps asynchronously
  • Composing micro apps

Commands to run app-shell

npm run dev
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].