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
Next.js MFE

Next.js Micro Frontend

Step-by-step guides for building Next.js Micro Frontend applications using NextFederationPlugin and Module Federation. Covers mixing React and Next.js remotes, SSR handling, and production deployment.

Lazy Loading with React SuspenseNextFederationPlugin vs ModuleFederationPlugin

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