Back to projects
UISampleSpark: Seven UI Paradigms, One Backend
Project

UISampleSpark: Seven UI Paradigms, One Backend

A side-by-side comparison of multiple frontend paradigms — from server-rendered MVC to client-side React and Vue — all sharing the same .NET 10 backend API, with Docker containerization and Bootswatch theme switching.

UISampleSpark: Seven UI Paradigms, One Backend preview
UISampleSpark.NET 10ASP.NET CoreReactVuehtmxBlazorRazor PagesMVCFrontend ComparisonREST APIDocker

Overview

A side-by-side comparison of multiple frontend paradigms — from server-rendered MVC to client-side React and Vue — all sharing the same .NET 10 backend API, with Docker containerization and Bootswatch theme switching.

Details

UISampleSpark compares multiple frontend approaches — MVC, Razor Pages, jQuery AJAX, React, Vue, htmx, Blazor, and SPA — all running against the same .NET 10 REST API. Originally a simple MVC CRUD demo, it has evolved into a living reference for modern UI architecture decisions with Docker containerization and Bootswatch theming.

Articles that explain the architecture decisions, implementation patterns, or delivery trade-offs behind this project.

Delivery Pipeline

Pipeline
.NET Aspire Release
Stage
Staging
Status
In Progress
Last Promoted
2025-09-30T00:00:00
Notes
Validating Aspire instrumented deployment before production cutover.
Environments
  • Developmenthttps://uisample.makeboldspark.com/Status: ActiveVersion: 9.0.0-rcLast Promoted: 2025-09-20T00:00:00Includes nightly schema migrations.
  • Staginghttps://uisample.makeboldspark.com/Status: TestingVersion: 9.0.0-rc2Smoke tests pending service mesh validation.