diff --git a/apps/web-client-base-net/WebClientBase.slnx b/apps/web-client-base-net/WebClientBase.slnx
new file mode 100644
index 00000000..81c2e7c6
--- /dev/null
+++ b/apps/web-client-base-net/WebClientBase.slnx
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/App.razor b/apps/web-client-base-net/src/WebClientBase.Client/App.razor
new file mode 100644
index 00000000..a8a79e51
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/App.razor
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/Layout/MainLayout.razor b/apps/web-client-base-net/src/WebClientBase.Client/Layout/MainLayout.razor
new file mode 100644
index 00000000..76eb7252
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/Layout/MainLayout.razor
@@ -0,0 +1,16 @@
+@inherits LayoutComponentBase
+
+
+
+
+
+
+
+ @Body
+
+
+
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/Layout/MainLayout.razor.css b/apps/web-client-base-net/src/WebClientBase.Client/Layout/MainLayout.razor.css
new file mode 100644
index 00000000..ecf25e5b
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/Layout/MainLayout.razor.css
@@ -0,0 +1,77 @@
+.page {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+}
+
+main {
+ flex: 1;
+}
+
+.sidebar {
+ background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+}
+
+.top-row {
+ background-color: #f7f7f7;
+ border-bottom: 1px solid #d6d5d5;
+ justify-content: flex-end;
+ height: 3.5rem;
+ display: flex;
+ align-items: center;
+}
+
+ .top-row ::deep a, .top-row ::deep .btn-link {
+ white-space: nowrap;
+ margin-left: 1.5rem;
+ text-decoration: none;
+ }
+
+ .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
+ text-decoration: underline;
+ }
+
+ .top-row ::deep a:first-child {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+
+@media (max-width: 640.98px) {
+ .top-row {
+ justify-content: space-between;
+ }
+
+ .top-row ::deep a, .top-row ::deep .btn-link {
+ margin-left: 0;
+ }
+}
+
+@media (min-width: 641px) {
+ .page {
+ flex-direction: row;
+ }
+
+ .sidebar {
+ width: 250px;
+ height: 100vh;
+ position: sticky;
+ top: 0;
+ }
+
+ .top-row {
+ position: sticky;
+ top: 0;
+ z-index: 1;
+ }
+
+ .top-row.auth ::deep a:first-child {
+ flex: 1;
+ text-align: right;
+ width: 0;
+ }
+
+ .top-row, article {
+ padding-left: 2rem !important;
+ padding-right: 1.5rem !important;
+ }
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/Layout/NavMenu.razor b/apps/web-client-base-net/src/WebClientBase.Client/Layout/NavMenu.razor
new file mode 100644
index 00000000..fb102416
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/Layout/NavMenu.razor
@@ -0,0 +1,39 @@
+
+
+
+
+@code {
+ private bool collapseNavMenu = true;
+
+ private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
+
+ private void ToggleNavMenu()
+ {
+ collapseNavMenu = !collapseNavMenu;
+ }
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/Layout/NavMenu.razor.css b/apps/web-client-base-net/src/WebClientBase.Client/Layout/NavMenu.razor.css
new file mode 100644
index 00000000..617b89cc
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/Layout/NavMenu.razor.css
@@ -0,0 +1,83 @@
+.navbar-toggler {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.top-row {
+ min-height: 3.5rem;
+ background-color: rgba(0,0,0,0.4);
+}
+
+.navbar-brand {
+ font-size: 1.1rem;
+}
+
+.bi {
+ display: inline-block;
+ position: relative;
+ width: 1.25rem;
+ height: 1.25rem;
+ margin-right: 0.75rem;
+ top: -1px;
+ background-size: cover;
+}
+
+.bi-house-door-fill-nav-menu {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
+}
+
+.bi-plus-square-fill-nav-menu {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
+}
+
+.bi-list-nested-nav-menu {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
+}
+
+.nav-item {
+ font-size: 0.9rem;
+ padding-bottom: 0.5rem;
+}
+
+ .nav-item:first-of-type {
+ padding-top: 1rem;
+ }
+
+ .nav-item:last-of-type {
+ padding-bottom: 1rem;
+ }
+
+ .nav-item ::deep a {
+ color: #d7d7d7;
+ border-radius: 4px;
+ height: 3rem;
+ display: flex;
+ align-items: center;
+ line-height: 3rem;
+ }
+
+.nav-item ::deep a.active {
+ background-color: rgba(255,255,255,0.37);
+ color: white;
+}
+
+.nav-item ::deep a:hover {
+ background-color: rgba(255,255,255,0.1);
+ color: white;
+}
+
+@media (min-width: 641px) {
+ .navbar-toggler {
+ display: none;
+ }
+
+ .collapse {
+ /* Never collapse the sidebar for wide screens */
+ display: block;
+ }
+
+ .nav-scrollable {
+ /* Allow sidebar to scroll for tall menus */
+ height: calc(100vh - 3.5rem);
+ overflow-y: auto;
+ }
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/Pages/Counter.razor b/apps/web-client-base-net/src/WebClientBase.Client/Pages/Counter.razor
new file mode 100644
index 00000000..ef23cb31
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/Pages/Counter.razor
@@ -0,0 +1,18 @@
+@page "/counter"
+
+Counter
+
+Counter
+
+Current count: @currentCount
+
+
+
+@code {
+ private int currentCount = 0;
+
+ private void IncrementCount()
+ {
+ currentCount++;
+ }
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/Pages/Home.razor b/apps/web-client-base-net/src/WebClientBase.Client/Pages/Home.razor
new file mode 100644
index 00000000..9001e0bd
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/Pages/Home.razor
@@ -0,0 +1,7 @@
+@page "/"
+
+Home
+
+Hello, world!
+
+Welcome to your new app.
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/Pages/NotFound.razor b/apps/web-client-base-net/src/WebClientBase.Client/Pages/NotFound.razor
new file mode 100644
index 00000000..917ada1d
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/Pages/NotFound.razor
@@ -0,0 +1,5 @@
+@page "/not-found"
+@layout MainLayout
+
+Not Found
+Sorry, the content you are looking for does not exist.
\ No newline at end of file
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/Pages/Weather.razor b/apps/web-client-base-net/src/WebClientBase.Client/Pages/Weather.razor
new file mode 100644
index 00000000..3ea2b1cc
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/Pages/Weather.razor
@@ -0,0 +1,57 @@
+@page "/weather"
+@inject HttpClient Http
+
+Weather
+
+Weather
+
+This component demonstrates fetching data from the server.
+
+@if (forecasts == null)
+{
+ Loading...
+}
+else
+{
+
+
+
+ | Date |
+ Temp. (C) |
+ Temp. (F) |
+ Summary |
+
+
+
+ @foreach (var forecast in forecasts)
+ {
+
+ | @forecast.Date.ToShortDateString() |
+ @forecast.TemperatureC |
+ @forecast.TemperatureF |
+ @forecast.Summary |
+
+ }
+
+
+}
+
+@code {
+ private WeatherForecast[]? forecasts;
+
+ protected override async Task OnInitializedAsync()
+ {
+ forecasts = await Http.GetFromJsonAsync("sample-data/weather.json");
+ }
+
+ public class WeatherForecast
+ {
+ public DateOnly Date { get; set; }
+
+ public int TemperatureC { get; set; }
+
+ public string? Summary { get; set; }
+
+ public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
+ }
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/Program.cs b/apps/web-client-base-net/src/WebClientBase.Client/Program.cs
new file mode 100644
index 00000000..5fa2c89f
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/Program.cs
@@ -0,0 +1,11 @@
+using Microsoft.AspNetCore.Components.Web;
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+using WebClientBase.Client;
+
+var builder = WebAssemblyHostBuilder.CreateDefault(args);
+builder.RootComponents.Add("#app");
+builder.RootComponents.Add("head::after");
+
+builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
+
+await builder.Build().RunAsync();
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/Properties/launchSettings.json b/apps/web-client-base-net/src/WebClientBase.Client/Properties/launchSettings.json
new file mode 100644
index 00000000..cbfca635
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/Properties/launchSettings.json
@@ -0,0 +1,25 @@
+{
+ "$schema": "https://json.schemastore.org/launchsettings.json",
+ "profiles": {
+ "http": {
+ "commandName": "Project",
+ "dotnetRunMessages": true,
+ "launchBrowser": true,
+ "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+ "applicationUrl": "http://localhost:5043",
+ "environmentVariables": {
+ "ASPNETCORE_ENVIRONMENT": "Development"
+ }
+ },
+ "https": {
+ "commandName": "Project",
+ "dotnetRunMessages": true,
+ "launchBrowser": true,
+ "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+ "applicationUrl": "https://localhost:7002;http://localhost:5043",
+ "environmentVariables": {
+ "ASPNETCORE_ENVIRONMENT": "Development"
+ }
+ }
+ }
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/WebClientBase.Client.csproj b/apps/web-client-base-net/src/WebClientBase.Client/WebClientBase.Client.csproj
new file mode 100644
index 00000000..1738905a
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/WebClientBase.Client.csproj
@@ -0,0 +1,19 @@
+
+
+
+ net10.0
+ enable
+ enable
+ true
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/_Imports.razor b/apps/web-client-base-net/src/WebClientBase.Client/_Imports.razor
new file mode 100644
index 00000000..47f34606
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/_Imports.razor
@@ -0,0 +1,10 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.AspNetCore.Components.WebAssembly.Http
+@using Microsoft.JSInterop
+@using WebClientBase.Client
+@using WebClientBase.Client.Layout
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/css/app.css b/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/css/app.css
new file mode 100644
index 00000000..fe44b1d2
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/css/app.css
@@ -0,0 +1,115 @@
+html, body {
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+h1:focus {
+ outline: none;
+}
+
+a, .btn-link {
+ color: #0071c1;
+}
+
+.btn-primary {
+ color: #fff;
+ background-color: #1b6ec2;
+ border-color: #1861ac;
+}
+
+.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
+ box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
+}
+
+.content {
+ padding-top: 1.1rem;
+}
+
+.valid.modified:not([type=checkbox]) {
+ outline: 1px solid #26b050;
+}
+
+.invalid {
+ outline: 1px solid red;
+}
+
+.validation-message {
+ color: red;
+}
+
+#blazor-error-ui {
+ color-scheme: light only;
+ background: lightyellow;
+ bottom: 0;
+ box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+ box-sizing: border-box;
+ display: none;
+ left: 0;
+ padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+ position: fixed;
+ width: 100%;
+ z-index: 1000;
+}
+
+ #blazor-error-ui .dismiss {
+ cursor: pointer;
+ position: absolute;
+ right: 0.75rem;
+ top: 0.5rem;
+ }
+
+.blazor-error-boundary {
+ background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
+ padding: 1rem 1rem 1rem 3.7rem;
+ color: white;
+}
+
+ .blazor-error-boundary::after {
+ content: "An error has occurred."
+ }
+
+.loading-progress {
+ position: absolute;
+ display: block;
+ width: 8rem;
+ height: 8rem;
+ inset: 20vh 0 auto 0;
+ margin: 0 auto 0 auto;
+}
+
+ .loading-progress circle {
+ fill: none;
+ stroke: #e0e0e0;
+ stroke-width: 0.6rem;
+ transform-origin: 50% 50%;
+ transform: rotate(-90deg);
+ }
+
+ .loading-progress circle:last-child {
+ stroke: #1b6ec2;
+ stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
+ transition: stroke-dasharray 0.05s ease-in-out;
+ }
+
+.loading-progress-text {
+ position: absolute;
+ text-align: center;
+ font-weight: bold;
+ inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
+}
+
+ .loading-progress-text:after {
+ content: var(--blazor-load-percentage-text, "Loading");
+ }
+
+code {
+ color: #c02d76;
+}
+
+.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
+ color: var(--bs-secondary-color);
+ text-align: end;
+}
+
+.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
+ text-align: start;
+}
\ No newline at end of file
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/favicon.png b/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/favicon.png
new file mode 100644
index 00000000..8422b596
Binary files /dev/null and b/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/favicon.png differ
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/icon-192.png b/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/icon-192.png
new file mode 100644
index 00000000..166f56da
Binary files /dev/null and b/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/icon-192.png differ
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/index.html b/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/index.html
new file mode 100644
index 00000000..90f7165a
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/index.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ WebClientBase.Client
+
+
+
+
+
+
+
+
+
+
+
+
+
+ An unhandled error has occurred.
+
Reload
+
🗙
+
+
+
+
+
diff --git a/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/sample-data/weather.json b/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/sample-data/weather.json
new file mode 100644
index 00000000..b7459733
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Client/wwwroot/sample-data/weather.json
@@ -0,0 +1,27 @@
+[
+ {
+ "date": "2022-01-06",
+ "temperatureC": 1,
+ "summary": "Freezing"
+ },
+ {
+ "date": "2022-01-07",
+ "temperatureC": 14,
+ "summary": "Bracing"
+ },
+ {
+ "date": "2022-01-08",
+ "temperatureC": -13,
+ "summary": "Freezing"
+ },
+ {
+ "date": "2022-01-09",
+ "temperatureC": -16,
+ "summary": "Balmy"
+ },
+ {
+ "date": "2022-01-10",
+ "temperatureC": -2,
+ "summary": "Chilly"
+ }
+]
diff --git a/apps/web-client-base-net/src/WebClientBase.Server/Controllers/AuthController.cs b/apps/web-client-base-net/src/WebClientBase.Server/Controllers/AuthController.cs
new file mode 100644
index 00000000..5e49b515
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Server/Controllers/AuthController.cs
@@ -0,0 +1,86 @@
+using Microsoft.AspNetCore.Mvc;
+using WebClientBase.Shared;
+using WebClientBase.Shared.DTOs;
+
+namespace WebClientBase.Server.Controllers;
+
+///
+/// EN: Authentication API controller.
+/// VI: Auth API controller.
+///
+[ApiController]
+[Route("api/[controller]")]
+public class AuthController : ControllerBase
+{
+ ///
+ /// EN: Register a new user.
+ /// VI: Đăng ký user mới.
+ ///
+ /// Registration data with validation
+ [HttpPost("register")]
+ [ProducesResponseType(typeof(ApiResponse), StatusCodes.Status201Created)]
+ [ProducesResponseType(typeof(ValidationProblemDetails), StatusCodes.Status400BadRequest)]
+ public ActionResult> Register([FromBody] RegisterDto request)
+ {
+ // EN: [ApiController] validates before this code runs
+ // VI: [ApiController] validate trước khi code này chạy
+
+ // EN: Demo - create user profile
+ // VI: Demo - tạo user profile
+ var profile = new UserProfileDto
+ {
+ Id = Guid.NewGuid(),
+ Email = request.Email,
+ DisplayName = request.DisplayName,
+ CreatedAt = DateTime.UtcNow
+ };
+
+ return CreatedAtAction(nameof(GetProfile), new { id = profile.Id }, ApiResponse.Ok(profile));
+ }
+
+ ///
+ /// EN: Login with email and password.
+ /// VI: Đăng nhập với email và mật khẩu.
+ ///
+ [HttpPost("login")]
+ [ProducesResponseType(typeof(ApiResponse), StatusCodes.Status200OK)]
+ [ProducesResponseType(typeof(ValidationProblemDetails), StatusCodes.Status400BadRequest)]
+ [ProducesResponseType(typeof(ApiResponse), StatusCodes.Status401Unauthorized)]
+ public ActionResult> Login([FromBody] LoginDto request)
+ {
+ // EN: Demo - always succeed with mock profile
+ // VI: Demo - luôn thành công với profile giả
+ var profile = new UserProfileDto
+ {
+ Id = Guid.NewGuid(),
+ Email = request.Email,
+ DisplayName = "Demo User",
+ CreatedAt = DateTime.UtcNow.AddDays(-30)
+ };
+
+ return Ok(ApiResponse.Ok(profile));
+ }
+
+ ///
+ /// EN: Get user profile by ID.
+ /// VI: Lấy user profile theo ID.
+ ///
+ [HttpGet("profile/{id:guid}")]
+ [ProducesResponseType(typeof(ApiResponse), StatusCodes.Status200OK)]
+ [ProducesResponseType(typeof(ApiResponse), StatusCodes.Status404NotFound)]
+ public ActionResult> GetProfile(Guid id)
+ {
+ // EN: Demo - return mock profile
+ // VI: Demo - trả về profile giả
+ var profile = new UserProfileDto
+ {
+ Id = id,
+ Email = "demo@example.com",
+ DisplayName = "Demo User",
+ AvatarUrl = "https://example.com/avatar.jpg",
+ CreatedAt = DateTime.UtcNow.AddDays(-30)
+ };
+
+ return Ok(ApiResponse.Ok(profile));
+ }
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Server/Controllers/ProductsController.cs b/apps/web-client-base-net/src/WebClientBase.Server/Controllers/ProductsController.cs
new file mode 100644
index 00000000..66b9df06
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Server/Controllers/ProductsController.cs
@@ -0,0 +1,95 @@
+using Microsoft.AspNetCore.Mvc;
+using WebClientBase.Shared;
+using WebClientBase.Shared.DTOs;
+
+namespace WebClientBase.Server.Controllers;
+
+///
+/// EN: Products API controller with automatic ModelState validation.
+/// VI: Products API controller với validation ModelState tự động.
+///
+///
+/// EN: The [ApiController] attribute automatically validates ModelState before action executes.
+/// VI: Attribute [ApiController] tự động validate ModelState trước khi action được thực thi.
+///
+[ApiController]
+[Route("api/[controller]")]
+public class ProductsController : ControllerBase
+{
+ // EN: In-memory storage for demo purposes
+ // VI: Lưu trữ trong bộ nhớ cho mục đích demo
+ private static readonly List _products = new()
+ {
+ new ProductDto { Name = "MacBook Pro", Description = "Laptop cao cấp", Price = 2499.99m, Quantity = 10 },
+ new ProductDto { Name = "iPhone 15 Pro", Description = "Điện thoại thông minh", Price = 1199.99m, Quantity = 50 }
+ };
+
+ ///
+ /// EN: Get all products.
+ /// VI: Lấy tất cả sản phẩm.
+ ///
+ [HttpGet]
+ [ProducesResponseType(typeof(ApiResponse>), StatusCodes.Status200OK)]
+ public ActionResult>> GetAll()
+ {
+ return Ok(ApiResponse>.Ok(_products));
+ }
+
+ ///
+ /// EN: Create a new product.
+ /// VI: Tạo sản phẩm mới.
+ ///
+ /// Product data with validation
+ ///
+ /// EN: [ApiController] automatically returns 400 if ModelState is invalid.
+ /// VI: [ApiController] tự động trả về 400 nếu ModelState không hợp lệ.
+ /// No need for: if (!ModelState.IsValid) return BadRequest(ModelState);
+ ///
+ [HttpPost]
+ [ProducesResponseType(typeof(ApiResponse), StatusCodes.Status201Created)]
+ [ProducesResponseType(typeof(ValidationProblemDetails), StatusCodes.Status400BadRequest)]
+ public ActionResult> Create([FromBody] CreateProductDto request)
+ {
+ // EN: Validation is automatically done by [ApiController] before reaching here
+ // VI: Validation được tự động thực hiện bởi [ApiController] trước khi đến đây
+
+ var product = new ProductDto
+ {
+ Name = request.Name,
+ Description = request.Description,
+ Price = request.Price,
+ Quantity = request.Quantity
+ };
+
+ _products.Add(product);
+
+ return CreatedAtAction(
+ nameof(GetAll),
+ ApiResponse.Ok(product)
+ );
+ }
+
+ ///
+ /// EN: Update an existing product.
+ /// VI: Cập nhật sản phẩm đã có.
+ ///
+ [HttpPut]
+ [ProducesResponseType(typeof(ApiResponse), StatusCodes.Status200OK)]
+ [ProducesResponseType(typeof(ValidationProblemDetails), StatusCodes.Status400BadRequest)]
+ public ActionResult> Update([FromBody] UpdateProductDto request)
+ {
+ // EN: Find and update (simplified for demo)
+ // VI: Tìm và cập nhật (đơn giản hóa cho demo)
+ var existing = _products.FirstOrDefault(p => p.Name == request.Name);
+ if (existing == null)
+ {
+ return NotFound(ApiResponse.Fail("Sản phẩm không tồn tại / Product not found"));
+ }
+
+ existing.Description = request.Description;
+ existing.Price = request.Price;
+ existing.Quantity = request.Quantity;
+
+ return Ok(ApiResponse.Ok(existing));
+ }
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Server/Program.cs b/apps/web-client-base-net/src/WebClientBase.Server/Program.cs
new file mode 100644
index 00000000..f9b87419
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Server/Program.cs
@@ -0,0 +1,73 @@
+///
+/// EN: ASP.NET Core Server with Blazor WebAssembly hosting.
+/// VI: ASP.NET Core Server với Blazor WebAssembly hosting.
+///
+
+var builder = WebApplication.CreateBuilder(args);
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// EN: Add services to the container
+// VI: Thêm các services vào container
+// ═══════════════════════════════════════════════════════════════════════════════
+
+// EN: Add controllers with automatic ModelState validation via [ApiController]
+// VI: Thêm controllers với validation ModelState tự động qua [ApiController]
+builder.Services.AddControllers();
+
+// EN: Add OpenAPI/Swagger support
+// VI: Thêm hỗ trợ OpenAPI/Swagger
+builder.Services.AddOpenApi();
+
+// EN: Add CORS for Blazor WebAssembly client
+// VI: Thêm CORS cho Blazor WebAssembly client
+builder.Services.AddCors(options =>
+{
+ options.AddPolicy("BlazorClient", policy =>
+ {
+ policy.WithOrigins("https://localhost:5001", "http://localhost:5000")
+ .AllowAnyMethod()
+ .AllowAnyHeader();
+ });
+});
+
+// EN: Add health checks
+// VI: Thêm health checks
+builder.Services.AddHealthChecks();
+
+var app = builder.Build();
+
+// ═══════════════════════════════════════════════════════════════════════════════
+// EN: Configure the HTTP request pipeline
+// VI: Cấu hình HTTP request pipeline
+// ═══════════════════════════════════════════════════════════════════════════════
+
+if (app.Environment.IsDevelopment())
+{
+ app.MapOpenApi();
+ app.UseDeveloperExceptionPage();
+}
+
+app.UseHttpsRedirection();
+
+// EN: Enable CORS
+// VI: Kích hoạt CORS
+app.UseCors("BlazorClient");
+
+// EN: Map health check endpoint
+// VI: Map endpoint health check
+app.MapHealthChecks("/health");
+
+// EN: Map API controllers
+// VI: Map các API controllers
+app.MapControllers();
+
+// EN: Serve Blazor WebAssembly static files (for hosted mode)
+// VI: Phục vụ static files của Blazor WebAssembly (cho hosted mode)
+app.UseBlazorFrameworkFiles();
+app.UseStaticFiles();
+
+// EN: Fallback to index.html for SPA routing
+// VI: Fallback đến index.html cho SPA routing
+app.MapFallbackToFile("index.html");
+
+app.Run();
diff --git a/apps/web-client-base-net/src/WebClientBase.Server/Properties/launchSettings.json b/apps/web-client-base-net/src/WebClientBase.Server/Properties/launchSettings.json
new file mode 100644
index 00000000..fe335d30
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Server/Properties/launchSettings.json
@@ -0,0 +1,23 @@
+{
+ "$schema": "https://json.schemastore.org/launchsettings.json",
+ "profiles": {
+ "http": {
+ "commandName": "Project",
+ "dotnetRunMessages": true,
+ "launchBrowser": false,
+ "applicationUrl": "http://localhost:5091",
+ "environmentVariables": {
+ "ASPNETCORE_ENVIRONMENT": "Development"
+ }
+ },
+ "https": {
+ "commandName": "Project",
+ "dotnetRunMessages": true,
+ "launchBrowser": false,
+ "applicationUrl": "https://localhost:7228;http://localhost:5091",
+ "environmentVariables": {
+ "ASPNETCORE_ENVIRONMENT": "Development"
+ }
+ }
+ }
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Server/WebClientBase.Server.csproj b/apps/web-client-base-net/src/WebClientBase.Server/WebClientBase.Server.csproj
new file mode 100644
index 00000000..e5e20fcb
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Server/WebClientBase.Server.csproj
@@ -0,0 +1,20 @@
+
+
+
+ net10.0
+ enable
+ enable
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/web-client-base-net/src/WebClientBase.Server/WebClientBase.Server.http b/apps/web-client-base-net/src/WebClientBase.Server/WebClientBase.Server.http
new file mode 100644
index 00000000..1a44879e
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Server/WebClientBase.Server.http
@@ -0,0 +1,6 @@
+@WebClientBase.Server_HostAddress = http://localhost:5091
+
+GET {{WebClientBase.Server_HostAddress}}/weatherforecast/
+Accept: application/json
+
+###
diff --git a/apps/web-client-base-net/src/WebClientBase.Server/appsettings.Development.json b/apps/web-client-base-net/src/WebClientBase.Server/appsettings.Development.json
new file mode 100644
index 00000000..0c208ae9
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Server/appsettings.Development.json
@@ -0,0 +1,8 @@
+{
+ "Logging": {
+ "LogLevel": {
+ "Default": "Information",
+ "Microsoft.AspNetCore": "Warning"
+ }
+ }
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Server/appsettings.json b/apps/web-client-base-net/src/WebClientBase.Server/appsettings.json
new file mode 100644
index 00000000..10f68b8c
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Server/appsettings.json
@@ -0,0 +1,9 @@
+{
+ "Logging": {
+ "LogLevel": {
+ "Default": "Information",
+ "Microsoft.AspNetCore": "Warning"
+ }
+ },
+ "AllowedHosts": "*"
+}
diff --git a/apps/web-client-base-net/src/WebClientBase.Shared/ApiResponse.cs b/apps/web-client-base-net/src/WebClientBase.Shared/ApiResponse.cs
new file mode 100644
index 00000000..81e70639
--- /dev/null
+++ b/apps/web-client-base-net/src/WebClientBase.Shared/ApiResponse.cs
@@ -0,0 +1,58 @@
+namespace WebClientBase.Shared;
+
+///
+/// EN: Standard API response wrapper for consistent response format.
+/// VI: Wrapper response API chuẩn cho định dạng response nhất quán.
+///
+/// The type of data in the response.
+public class ApiResponse
+{
+ ///
+ /// EN: Indicates if the request was successful.
+ /// VI: Cho biết request có thành công không.
+ ///
+ public bool Success { get; set; }
+
+ ///
+ /// EN: The response data.
+ /// VI: Dữ liệu response.
+ ///
+ public T? Data { get; set; }
+
+ ///
+ /// EN: Error message if request failed.
+ /// VI: Thông báo lỗi nếu request thất bại.
+ ///
+ public string? Error { get; set; }
+
+ ///
+ /// EN: Creates a successful response with data.
+ /// VI: Tạo response thành công với dữ liệu.
+ ///
+ public static ApiResponse Ok(T data) => new() { Success = true, Data = data };
+
+ ///
+ /// EN: Creates a failed response with error message.
+ /// VI: Tạo response thất bại với thông báo lỗi.
+ ///
+ public static ApiResponse Fail(string error) => new() { Success = false, Error = error };
+}
+
+///
+/// EN: Non-generic API response for operations without return data.
+/// VI: API response không generic cho các operation không có dữ liệu trả về.
+///
+public class ApiResponse : ApiResponse