Server Side Rendering Example

Module Federation Server Side Rendering example using React Suspense.

This example demonstrates a basic shell application loading remote components and rendering them server side.

• shell is the host application which includes the SSR server.
• remote1 standalone application which exposes Content component and consumes Image from remote2
• remote2 standalone application which exposes Image component.

Running Demo

Run npm i to install the dependencies.

Run npm run build to build the packages.

Run npm run serve in the shell and remote1 and remote2 folders to start the servers.

This will build the packages and and serve them on ports 3000, 3001 and 3002 respectively.

• localhost:3000 (SHELL)
• localhost:3001 (STANDALONE REMOTE1)
• localhost:3002 (STANDALONE REMOTE2)