Micro Frontends in Action With ASP.NET Core - Composition via Blazor WebAssembly Based Web Components

This is another post in my series on implementing the samples from Micro Frontends in Action in ASP.NET Core:

• Server-Side Routing via YARP in Azure Container Apps
• Composition via YARP Transforms and Server-Side Includes (SSI)
• Composition via Blazor WebAssembly Based Web Components

This time I'm jumping from server-side composition to client-side composition. I've used the word jumping because I haven't fully covered server-side composition yet. There is one more approach to server-side composition which I intend to cover later, but as lately I was doing some Blazor WebAssembly work I was more eager to write this one.

Expanding The Project

As you may remember from the first post, the project consists of two services that are hosted in Azure Container Apps.

Both services are using server-side rendering for their frontends, and the Decide service is loading Inspire service frontend fragment via Ajax. It's time to bring a new service to the picture, the Checkout service.

The Checkout service is responsible for checkout flow. As this flow is more sophisticated than what Decide and Inspire services provide, the Checkout service requires client-side rendering to pro