Interactive system map

Architecture at a glance

Explore the server-side and installable desktop-client architectures, then trace the complete solution through its Azure deployment and network topologies.

.NET Aspire Blazor Server Blazor WebAssembly PWA Azure Container Apps Azure Front Door OpenTelemetry
System explorer

Choose a perspective

Drag to pan, use the mouse wheel to zoom, or choose a precise view from the toolbar.

Server application view SVG

.NET Aspire server-side application architecture

Follow requests from the browser through the Blazor Server front end and optional API service, with Aspire orchestration and shared observability defaults.

Server-side architecture diagram showing the browser, Blazor web front end, optional API service, Aspire AppHost, shared service defaults, telemetry, health checks, and Azure hosting relationships.
Focus Server-side components and their runtime and telemetry dependencies
Editable source docs/ArchitectureDiagram.excalidraw
Keyboard: + / โˆ’ / 0 / F / arrow keys
An unhandled error has occurred. Reload ๐Ÿ—™