SD Blog
GitHubGitHub (opens in a new tab)
  • Home
  • Micro Frontend
    • Fundamentals
      • What is Micro Frontend Architecture?
      • Micro Frontend vs Monolith
      • 5 MFE Integration Patterns
      • MFE Communication Patterns
      • MFE Folder Structure
      • MFE vs Microservices
      • MFE vs SPA
    • React MFE
      • React MFE Monorepo Setup
      • Shared Packages in MFE Monorepo
      • Webpack 5 Config for MFE
      • Tailwind CSS in MFE Monorepo
      • Module Federation Guide
      • Host & Remote Apps
      • Shared Dependencies & Singleton
      • Dynamic Remote Loading
      • Lazy Loading with React Suspense
    • Next.js MFE
      • NextFederationPlugin vs ModuleFederationPlugin
      • Next.js MFE Host App Setup
      • Next.js Remote MFE: basePath & assetPrefix
      • SSR vs CSR in Next.js Module Federation
      • Mixing React + Next.js Micro Frontends
      • Shared Redux Store in Next.js Module Federation

  • About
  • Contact
  • Privacy Policy
Micro Frontend
React MFE

React Micro Frontend

Step-by-step guides for building React Micro Frontend applications using Webpack 5 Module Federation and Turborepo. Based on a real production monorepo with 11+ independent MFEs.

MFE vs SPAReact MFE Monorepo Setup

SD Blog

In-depth engineering guides on Micro Frontends, Module Federation, and modern web architecture — written from real production codebases.

Explore
  • Home
  • Micro Frontend
  • About
  • Contact
Topics
  • Fundamentals
  • React MFE
  • Next.js MFE
  • Privacy Policy
Connect
webdeveloper.srinu9@gmail.com
© 2026 Srinu Desetti. All rights reserved.Built with ♥ using Next.js + Nextra