awesome-micro-frontends
An Awesome list of posts, videos and tutorials on Micro Frontends
https://github.com/rajasegar/awesome-micro-frontends
Last synced: 21 days ago
JSON representation
Books
Related
- Micro Frontends in Action
- Building Micro-Frontends
- Practical Module Federation - By Zack Jackson & Jack Herrington.
- Enterprise Angular - DDD, Nx Monorepos and Micro Frontends - By Manfred Steyer.
- Micro Frontends Architecture: Introduction, Design, Techniques & Technology - By Ajay Kumar.
- The Art of Micro Frontends - By Florian Rappl.
- Micro Frontend & Micro Services - Build applications with Micro FE & Services - By Muralikrishna T.
Courses and Tutorials
People
Experience Reports
Related
- Upwork: Modernizing Upwork with Micro Frontends
- 5 years of OpenComponents
- AutoScout24: UI Composition
- Klarna Checkout
- Spotify: Technology Stack
- Using Micro-Frontends to Permanently Solve the Legacy JavaScript Problem
- Micro Frontends with Gustaf Nilsson Kotte
- Experiences Using Micro Frontends at IKEA
- Hello Fresh: Front-end Microservices
- Let's build a Webshop out of Micro Frontends
Follow on Twitter
Hashtags
People
- Elisabeth Engel (@\_lizzelo\_)
- Lam Hieu (@lh0x00)
- Amanda Muñoz (@amandamunoz)
- Assaf Gannon (@assafga1)
- Cam Jackson (@thecamjackson)
- David Leitner (@duffleit)
- Elmar 🐼 🇪🇺 (@elmarburke)
- Emanuel Indermühle (@inthemill)
- Felipe Guizar Diaz (@felipeguizard)
- Florian Rappl (@FlorianRappl)
- Gil Fink (@gilfink)
- Gustaf Nilsson Kotte (@gustaf_nk)
- Hans-Christian Otto (@muhdiekuh)
- Ivan Jovanovic (@ivanjov96)
- Joel Denning (@Joelbdenning)
- Kuba Holak (@kubaholak)
- Luca Mezzalira (@lucamezzalira)
- Lucas Dohmen (@moonbeamlabs)
- Manfred Steyer (@ManfredSteyer)
- Michael Geers (@naltatis)
- Micro Frontend News on Twitter
- Matteo Figus (@matteofigus)
- Nils Röhrig (@drunknzombiecow)
- Rui Marques (@ruimarques84)
- Rustam Aliyev (@rstml)
- Yaprak Ayazoğlu (@yaprakaya)
- Zack Jackson (@ScriptedAlchemy)
- Rahul Gaur (@iamaregee)
Podcasts
People
- Micro-Frontends with Luca Mezzalira on Software Engineering Daily
- What even is a micro frontend? - Michael Geers in JS Party.
- So You wanna use Monorepos and Micro Frontends - Manfred Steyer in Real Talk JavaScript.
- Micro-Front Ends with Natlia Venditto - Web Rush Podcast Episode 113 about Micro Front-ends.
- Michael Geers on Micro Frontends - Episode 422 in SE-Radio.
- What's so cool about Micro frontends - Thoughtworks Technology Podcasts.
Posts
Related
- Everything You Need to Know About Micro Frontends
- Building Micro-Frontends With Single-spa, React, and Vue
- Micro Frontends by Cam Jackson
- Cookie Cutter Scaling
- Dynamic vs. static ui composition
- The monolithic frontend in the microservices architecture
- An approach to building Scalable Web Apps
- Microservice Grid and Micro Frontends
- Front-end microservices with Web Components
- Serverless Micro-frontends using Vue.js, AWS Lambda, and Hypernova
- Breaking down the last Monolith - Micro Frontends
- You probably don't need a micro-frontend
- Micro Front-Ends: Webpack Manifest
- Microservice Websites
- Microservice Websites
- A Take on Micro-Frontends
- Building micro frontends — angular elements
- Page Building using Micro-Frontends and Server-Side Include
- Strangling a Monolith to Micro-frontends with Laravel, Vue.js, and Hypernova
- Using Micro-Frontends in WordPress with Gutenberg Blocks
- Including Front-End Web Components Into Microservices
- A Software Architect's Approach towards MicroFrontends
- Microservices to Micro-Frontends by Sandeep Jain
- The Future of Micro-Frontends
- 6 Patterns for Microfrontends
- Micro frontends - a microservice approach to front-end web development
- Building Microfrontends - Series
- My experience using micro frontends by David Den Toom
- Micro-frontend Architecture: Replacing a Monolith from the Inside Out
- Micro Frontends in Action
- How to build your first Micro Frontend with SSR in minutes
- What is a micro frontend
Sample Projects
People
Slack Workspaces
Slides
Related
- Micro Frontend - Web Rebels, Oslo 2018
- Avoid the Monolith by Michael Geers
- Micro Frontends by Michael Geers
- Micro Frontends - The Nitty Gritty Details or Frontend, Backend, 🌈 Happyend
- Micro Frontends: Building a modern webapp with multiple teams by Michael Geers
- Introduction to micro frontends by Kuba Holak
- Microfrontends architecture by Lucca Mezzalira
- Lets talk about Micro Frontends
- Building micro-frontends by Luca Mezzalira
- Micro Frontend Architecture - Building an Extensible UI Platform - A talk by Erik Grijzen on how New Relic implemented Micro Frontends.
- Migrating from Monolith to Microfrontends
- Microservice Websites (microXchg 2017)
- Microservice Websites Presentation
- Micro Frontends by Assaf Gannon
- Micro Frontends by Srikanth Jallapuram
Tools
Frameworks
- Single-Spa
- qiankun, probably the most complete micro-frontends solution you ever met
- Luigi - technology agnostic, open-source micro-frontend framework
- Ara Framework
- icestark, a micro frontends solution for large application
- Isomorphic Layout Composer - Complete solution for Micro Frontends composition into SPA with SSR support.
- Misk Web: a Micro-Frontends React + Redux + Typescript Framework
- NUT
- OpenComponents, a framework for developing and distributing html components
- PuzzleJs
- One-app by American Express
- Scalecube-js: Toolkit for working in micro-services/micro-frontends architecture
- Berial - Simple micro-front end framework
- Nuz is an open-source project, the runtime package manager for web platform. - Archived.
- VoltranJS
- Garfish - A powerful micro front-end framework.
- Podium - Easy server side composition of microfrontends.
Platforms
Projects
- Project Mosaic - A set of services, libraries together with a specification by Zalando.
- Bit - A tool for developing and composing / integrating independently versioned components.
Related
- Proxy middleware for express that enables composition of microservices.
- Micro-Frontends architecture
- Angular_MicroApps_Different_Technologies
- A tiny, fast, zero-dependency event emitter
- Exercises for course "Integrating microservices on the frontend"
- Extending the microservice paradigms to web development
- Micromono
- Microservices in the frontend with BFFs providing their own bundles and API.
- Service Oriented Front-end
- Simulate a micro frontend project using Node.js, React and NGinx Reverse Proxy in Alpine Docker images
Videos
Related
- Micro-Frontends Antipatterns - Talk by Luca Mezzalira in CityJS conference 2022.
- The Microfrontend Revolution: Using Webpack 5 Module Federation - A talk by Manfred Steyer in JS Poland 2022.
- Micro-Frontends with Module Federation: Beyond the Basics - Talk by Manfred Steyer in Micro Frontends Conference in JSFoo 2022.
- Micro Frontend - Web Rebels, Oslo 2018
- Break Up With Your Frontend Monolith - JS Kongress 2017
- Microservice Websites by Gustaf Nilsson Kotte
- Breaking The Monolith
- Microservice UI Composition
- Introduction to Piral
- Micro Frontend Architecture - Building an Extensible UI Platform - A talk by Erik Grijzen on how New Relic implemented Micro Frontends.
- Micro-Frontends: Whay, why and how? - A Video by Jack Herrington.
- Web Components for Micro Frontends - Jack Herrington using Web Components for Micro Frontends.
- Micro Frontends using single-spa - Jack Herrington using single-spa.
- Micro Frontends using Open Components - Jack Herrington on using Open Components.
- DIY Micro FE Framework - Jack Herrington on building a Micro-FE Framework.
- Micro-FEs in Zoid - Jack Herrington on using Zoid.
- Edge Side Includes for Micro-FEs - Jack Herrington on using ESI.
- The one right way to do microfrontends - two opinions - A Talk by Mario Fernandez for Thoughtworks Presents.
- Microfrontends and single spa - Playlist by Joel Denning.