{"id":9640,"url":"https://github.com/trungcaot/awesome-micro-frontends","name":"awesome-micro-frontends","description":"🔥 A curated list of awesome things related to Micro-Frontends.","projects_count":41,"last_synced_at":"2026-09-15T12:00:24.001Z","repository":{"id":116043074,"uuid":"363598562","full_name":"trungcaot/awesome-micro-frontends","owner":"trungcaot","description":"🔥 A curated list of awesome things related to Micro-Frontends.","archived":false,"fork":false,"pushed_at":"2021-06-13T02:47:19.000Z","size":427,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-08-26T17:09:31.637Z","etag":null,"topics":["lerna","micro-frontend","micro-frontends","microfrontends","microservice","microservices","microservices-architecture","single-spa"],"latest_commit_sha":null,"homepage":"","language":"EJS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/trungcaot.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["https://www.buymeacoffee.com/trungcaot"]}},"created_at":"2021-05-02T08:04:49.000Z","updated_at":"2025-07-24T08:41:02.000Z","dependencies_parsed_at":"2023-03-17T18:30:20.320Z","dependency_job_id":null,"html_url":"https://github.com/trungcaot/awesome-micro-frontends","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/trungcaot/awesome-micro-frontends","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungcaot%2Fawesome-micro-frontends","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungcaot%2Fawesome-micro-frontends/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungcaot%2Fawesome-micro-frontends/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungcaot%2Fawesome-micro-frontends/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/trungcaot","download_url":"https://codeload.github.com/trungcaot/awesome-micro-frontends/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trungcaot%2Fawesome-micro-frontends/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":341189360,"owners_count":37340652,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-22T15:14:58.755Z","status":"online","status_checked_at":"2026-09-15T02:00:05.939Z","response_time":113,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-12T20:23:19.728Z","updated_at":"2026-09-15T12:00:24.003Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Resources"],"sub_categories":["Websites","Projects","Frameworks","Blog Posts","Videos","Deploys","Tools","Libraries"],"readme":"# awesome-microfrontends\n\n\u003e A curated list of awesome things related to Micro-frontends. If you appreciate the content 📖, support projects visibility, give 👍| ⭐| 👏, or buy me a coffee!\n\n## Mind map of Micro-Frontends\n\n![alt text](/images/Microfrontends_v1.0.1.png)\n\n#### Some main ideas once you choose Micro-Frontends\n- You can ask a question yourself. What do I actually need Micro-Frontend?\n- If you had made a decision to micro-frontends, then you probably look over the following items.\n- Defining for a split  monolith app by a vertical split\n- Should use only a main library or framework to all micro-frontends(Ex: only use React library not include Angular or Vue)\n- Keep minimizing communication between micro-frontends (Ex. share JWT token)\n- Keep in mind for autonomous team develop, so it will help you to independent development and deployment \n- You can use the [Single-SPA](https://single-spa.js.org/) framework to trying implement with it\n\n## Brief contents\n\n- [Resources](#resources)\n  - [Blog Posts](#blog-posts)\n  - [Videos](#videos)\n  - [Deploys](#deploys)\n  - [Frameworks](#frameworks)\n  - [Libraries](#libraries)\n  - [Projects](#projects)\n  - [Websites](#websites)\n  - [Tools](#tools)\n\n## Resources\n\n### Blog Posts\n\n**2021**\n\n- [Micro-Frontends at scale - part 1](https://medium.com/xgeeks/micro-frontends-at-scale-part-1-a8ab67bfb773)\n- [Micro-Frontends at scale - part 2](https://levelup.gitconnected.com/micro-frontends-at-scale-part-2-d10994f09f18)\n- [Micro-frontend Architectures on AWS](https://aws.amazon.com/de/blogs/architecture/micro-frontend-architectures-on-aws/)\n- [How To Convert a Huge Frontend Monolith to a Micro-frontend](https://blog.dream11engineering.com/how-to-convert-a-huge-frontend-monolith-to-a-micro-frontend-d37f47697235)\n- [How to create React Micro Frontends from scratch using single-spa framework](https://medium.com/litslink/how-to-create-react-micro-frontends-from-scratch-using-single-spa-framework-in-examples-592c7f63bedf)\n- [Building Micro Frontends Using Single-SPA Framework](https://blog.bitsrc.io/building-microfrontends-using-single-spa-framework-94019ca2fb4d)\n\n**2020**\n\n- [How to Develop Microfrontends Using React: Step by Step Guide](https://blog.bitsrc.io/how-to-develop-microfrontends-using-react-step-by-step-guide-47ebb479cacd)\n- [How to build a micro-frontends architecture, with Angular and Webpack Module Federation](https://medium.com/agorapulse-stories/building-a-micro-frontends-architecture-in-2021-with-angular-and-webpack-module-federation-50d073617645)\n- [Scaling Your Project with Micro-Frontends](https://www.infoq.com/presentations/dazn-microfrontend/)\n- [Building Micro-Frontends With Single-spa, React, and Vue](https://dzone.com/articles/building-micro-frontends-with-single-spa-and-react)\n- [Problems with Micro-frontends](https://medium.com/swlh/problems-with-micro-frontends-8a8fc32a7d58)\n- [Micro frontends: my lessons learned](https://dev.to/this-is-learning/micro-frontends-my-lessons-learned-1pcp) by Natalia Venditto (\\*)\n- [Slide micro-frontends](https://slides.com/anfibiacreativa/micro-frontends)\n\n**2019**\n\n- [Micro-frontends, the future of Frontend architectures](https://medium.com/dazn-tech/micro-frontends-the-future-of-frontend-architectures-5867ceded39a) by Luca Mezzalira\n- [Adopting a Micro-frontends architecture](https://medium.com/dazn-tech/adopting-a-micro-frontends-architecture-e283e6a3c4f3) by Luca Mezzalira\n- [Orchestrating micro-frontends](https://medium.com/dazn-tech/orchestrating-micro-frontends-a5d2674cbf33) by Luca Mezzalira\n- [Identifying micro-frontends in our applications](https://medium.com/dazn-tech/identifying-micro-frontends-in-our-applications-4b4995f39257) by Luca Mezzalira\n- [I don’t understand micro-frontends](https://medium.com/@lucamezzalira/i-dont-understand-micro-frontends-88f7304799a9) by Luca Mezzalira\n- [Micro-frontends decisions framework](https://medium.com/@lucamezzalira/micro-frontends-decisions-framework-ebcd22256513) by Luca Mezzalira\n- [Micro-frontends in context](https://increment.com/frontend/micro-frontends-in-context/)\n- [Micro-frontends resources](https://medium.com/@lucamezzalira/micro-frontends-resources-53b1ec7d512a)\n\n### Videos\n\n- [Micro Frontend Architecture](https://www.youtube.com/watch?v=BuRB3djraeM)\n- [Scaling Your Project with Micro-Frontends](https://www.youtube.com/watch?v=tD1rcWSfYpo)\n\n### Deploys\n\n- [Serverless Micro-Frontends with the AWS CDK](https://dev.to/fllstck/serverless-micro-frontends-with-the-aws-cdk-3lf)\n- [Micro-frontends with AWS Amplify (Part 1)](https://levelup.gitconnected.com/micro-frontends-with-aws-amplify-50c2e2dc4222)\n- [Micro-frontends with AWS Amplify (Part 2)](https://alatech.medium.com/micro-frontends-with-aws-amplify-part-2-f69acf518287)\n\n### Frameworks\n\n- [Single-spa.js](https://single-spa.js.org/)\n- [Frint.js](https://frint.js.org/)\n- [Qiankun](https://qiankun.umijs.org/)\n- [Ara Framework](https://ara-framework.github.io/website/)\n- [Puzzle.js](https://github.com/puzzle-js/puzzle-js)\n- [Luigi](https://luigi-project.io/)\n\n\u003cdiv align=\"right\"\u003e\n  \u003cb\u003e\u003ca href=\"#brief-contents\"\u003e↥ Back To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n### Libraries\n\n- [PubSubJS](https://github.com/mroderick/PubSubJS)\n\n\u003cdiv align=\"right\"\u003e\n  \u003cb\u003e\u003ca href=\"#brief-contents\"\u003e↥ Back To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n### Projects\n\n- [Mosaic](https://www.mosaic9.org/) A set of services, libraries together with a specification by Zalando\n\n\u003cdiv align=\"right\"\u003e\n  \u003cb\u003e\u003ca href=\"#brief-contents\"\u003e↥ Back To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n### Websites\n\n- [Micro Frontends](https://micro-frontends.org/)\n- [Micro Frontends](https://micro-frontends.zeef.com/elisabeth.engel?ref=elisabeth.engel\u0026share=ee53d51a914b4951ae5c94ece97642fc) by Elisabeth Engel\n- [Micro Frontends](https://martinfowler.com/articles/micro-frontends.html) by Martin Fowler\n\n\u003cdiv align=\"right\"\u003e\n  \u003cb\u003e\u003ca href=\"#brief-contents\"\u003e↥ Back To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n\n### Tools\n\n- [Lerna](https://github.com/lerna/lerna) A tool for managing JavaScript projects with multiple packages.\n- [npm-run-all/yarn-run-all](https://github.com/mysticatea/npm-run-all) A CLI tool to run multiple npm-scripts in parallel or sequential.\n- [TypeScript ESLint](https://github.com/typescript-eslint/typescript-eslint) Monorepo for all the tooling which enables ESLint to support TypeScript\n\n\u003cdiv align=\"right\"\u003e\n  \u003cb\u003e\u003ca href=\"#brief-contents\"\u003e↥ Back To Top\u003c/a\u003e\u003c/b\u003e\n\u003c/div\u003e\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/trungcaot%2Fawesome-micro-frontends/projects"}