diogoparente / mf-nested-vite

React - Vite Federation with federated dynamic pages

This example demos consumption of federated modules from a vite bundle. host (react based) depends on a component exposed by remote app (react based).

Running

Install pnpm as per instructions provided here

Run pnpm install, then pnpm start. This will build and serve both host and remote on ports 5000, 5001 respectively.

• HOST: localhost:5000
  • REMOTE in HOST:
    • BASE_ROUTEhttp://localhost:5000/apps/remote
    • BASE_ROUTE with dynamic params http://localhost:5000/apps/remote/1
• REMOTE: localhost:5001

CTRL + C can only stop the host server. You can run pnpm stop to stop all services.

mf-nested-vite's Issues

[Not an issue] - How does your router work from only a RouterProvider and no outlet?

I cloned it and its running on my machine, so I know it works. But how, lol? I'm stuck going on day 4 in my own project and trying to implement exactly this on a much much bigger scale. We're also migrating from craco webpack module federation to vite monorepo, I'm just dumb founded, as soon as I add the outlet to my host, my remote breaks.