Server-Side Rendering#

@module-federation/modern-js offers powerful capabilities, enabling developers to easily combine Module Federation with server-side rendering (SSR) in Modern.js applications.

Enable SSR#

Using the application created in Using Module Federation as an example, you only need to add the server.ssr configuration to both the producer and the consumer:

import { appTools, defineConfig } from '@modern-js/app-tools';

export default defineConfig({
  server: {
    ssr: {
      mode: 'stream',
    },
  },
});

For better performance, we only support using this capability combination in Streaming SSR scenarios.

Data Fetching#