Angular Module Federation: Dynamic component loading & and separated workspace for BFF SpaProxy

[deadmann]

Dear folks,

I have a scenario that previously worked on in practice using Vue.js and no other scenario has caught my eye so far.

Description

Although I'm looking to use NPM since I can't find resources that use .NET BFF (Backend-for-Frontend) along with SpaProxy with NX applications, I found documentation in NX, titled "Advanced Angular Micro Frontends with Dynamic Module Federation" and on the first few line of this document, it is declaring "Build once, deploy everywhere". So I went through the whole document, and in the end, although the substructure of the angular file was different from what I had seen till now, or the command for loading module was different "loadChildren", or much other stuff; in the end, they still were similar in MFE. and there was nothing that dynamic as I expected going around. so in the end it wasn't build once in my eye.

My Expectation:

First Question:

I need to load the module federation from the dashboard side, but I need to use the router or routing feature on the remote side.
In my point of view a remote is not just a single component created in another place, but the whole sub-systems of a module.

For example in my previous company, we would have a warehouse, invoice, accounting... microservices, each of which served its own micro-frontend. each of which has a separate GIT repository, team, and access.

And no one ever touched the Container (aka. dashboard in this tutorial) for adding a module. if the module were a component it would automatically be available, and if it was a page, using a custom JSON manifest, we would add the page, logo, etc... into the JSON file, and the container BFF would request and fetch this data, and then serve it to the front end, and in the end, the frontend would parse and load, and render those routes into the menus and sections.

How can I achieve the same result as this? is there any built-in way to manage this issue? to not involve everyone with the Container app for every small change or removing or adding components?

---

Second Question

Is it possible to use NX with separated projects without workspace, and also with .NET Core SpaProxy, or should I go with another approach?

Thank you,
I really appreciate your help.

[deadmann]

nobody worked in this regard?