Aaron Eisenbergblog.aaroneisenberg.me·Mar 28, 2024Federated Modules with Vite and vite-plugin-federationIntroduction I work on an application at work that has an interesting (and maybe overcomplicated) setup. It's a "web portal" deal which handles authentication of users and gives permissions to a set of "modules". The web portal and each of these modu...DiscussVue.js
Joel Vinay Kumarjoelvinaykumar.hashnode.dev·Mar 1, 2024You need a micro-frontend. Here's why?Preface: First of all, what is a micro-frontend? Imagine you have super cool Lego blocks that you can use to build a house. You make a few squares and stack them on top of each other. Then you build a pyramid structure. Then you build a long cuboid l...Discuss·78 readsMicrofrontend
Ayman Patelaymanace2049.hashnode.dev·Feb 11, 2024Microfrontends - Decoupling FrontendsPreface: Microservices We are all widely aware of Microservices. For the uninitiated, it is a way of decomposing your applications to independently deployable units.This allows to structure teams so that they can work independently with different rel...Discuss·2 likes·87 readsFrontendMicroservices
Supriya Msupminn.hashnode.dev·Jan 5, 2024Module Federation using ViteJSFor backend developers, the microservice architecture represents a software development approach composed of small, independent services communicating over well-defined APIs. A similar concept for frontend applications is Micro-Frontends. This archit...Discuss·15 likes·169 readsmodule federation
Mohammad Massoud Salemmassoudsalem.hashnode.dev·Dec 16, 2023Unveiling the Magic of Web Development: demystifying MicrofrontendsIntroduction to Microfrontends Microfrontends is an architectural style for building modern web applications. It involves breaking down a large application into smaller, independent parts called micro-frontends. Each microfrontend is a self-contained...Discuss·52 readsDynamic Loading
Aanchalaanchalfatwani.hashnode.dev·Oct 31, 2023What is Webpack Module Federation?Webpack Module Federation is a feature introduced in Webpack v5. It allows sharing of modules between different Webpack bundles. This can be useful for building micro frontends, which are small, independent applications that can be combined to form a...Discussmodule federation
5 Fingers5fingers.hashnode.dev·Oct 22, 2023How To: Configure Remote Module at Runtime in Next.js with Module FederationProblem There can be times when you want to load a module from another application but you don't have the necessary information at build time to be able to do that. For example, if you're Next.js application is running in a Kubernetes (k8) cluster an...Discuss·485 readsNext.js
Redha Bayu Anggararedhabayuanggara.hashnode.dev·Oct 5, 2023Module Federation in Next.js (Microfrontend )Server-side rendered micro-frontends solution Microfrontends in a NextJS app Micro frontends have actually been around for a while now and have been implemented in various ways. One of the newer and exciting additions to the ecosystem is Webpack 5 a...Discuss·493 readsNext.js
Oleksandr (Sasha) Khivrychokhivrych.io·Jul 20, 2023My talk at the CityJS London (Micro Frontends Summit)Discuss·10 likes·345 readswebpack
Nipuna MarcusforSoftware Engineering Cornersoftware-engineering-corner.zuehlke.com·May 15, 2023Micro Frontend - Module Federation with Vite for ReactWith the introduction to the Microservice architecture for the backend, developers were looking into developing a similar architecture for frontend applications which is what we now know as Micro frontends. This architecture has a similar set of pro...Discuss·2.5K readsMicrofrontend