Setup module federation for Next.js using @module-federation/nextjs-mf

next.config.js

const nextJsConfig = {
  webpack(config, options) {
    if (!options?.isServer) {
      config.plugins.push(
        new NextFederationPlugin({
          name: "service-name",
          filename: "static/chunks/remoteEntry.js",
          exposes: {
            "./pages/index": "./pages/index.jsx",
          },
          shared: {
            zustand: {
              singleton: true,
            },
            antd: {
              singleton: true,
            },
            redux: {
              singleton: true,
            },
          },
          extraOptions: {
            enableUrlLoaderFix: true,
            enableImageLoaderFix: true,
          },
        })
      );
    }
  },
};