Module Federation Next.js Data Fetching with Tanstack Query (react-query)

This is an advanced example of using Module Federation with Next.js and Tanstack Query (react-query) to use Next.js data fetching strategies.

Getting Started

npm install

Run the following command to start the Next.js apps:

nx run-many --target=serve --all --skip-nx-cache --verbose --parallel=4

Browse to the following URLs:

• http://localhost:3000/ (advanced federation, main host app)

• http://localhost:3001/ (advanced federation)

• http://localhost:3002/ (basic federation)

• http://localhost:3003/ (basic federation)