[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-dotnet-convert-blazor-server-to-webapp":3,"mdc-rivtxx-key":37,"related-org-dotnet-convert-blazor-server-to-webapp":2893,"related-repo-dotnet-convert-blazor-server-to-webapp":3057},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":32,"sourceUrl":35,"mdContent":36},"convert-blazor-server-to-webapp","migrate Blazor Server to Blazor Web App","Guides conversion of a pre-.NET 8 Blazor Server app into a .NET 8+ Blazor Web App. USE FOR: migrating apps that use AddServerSideBlazor and MapBlazorHub to the AddRazorComponents\u002FMapRazorComponents model, converting _Host.cshtml to an App.razor root component, replacing blazor.server.js with blazor.web.js, migrating CascadingAuthenticationState to a service, adopting new Blazor Web App features like enhanced navigation and streaming rendering. DO NOT USE FOR: apps that are already Blazor Web Apps (already use AddRazorComponents and MapRazorComponents), Blazor WebAssembly or hosted Blazor WebAssembly apps (different migration path), apps that should stay on the Blazor Server hosting model without converting, or apps still targeting .NET Framework.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"dotnet",".NET (Microsoft)","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fdotnet.png",[12,16,19,22],{"name":13,"slug":14,"type":15},".NET","net","tag",{"name":17,"slug":18,"type":15},"ASP.NET Core","asp-net-core",{"name":20,"slug":21,"type":15},"Blazor","blazor",{"name":23,"slug":24,"type":15},"Migration","migration",4576,"https:\u002F\u002Fgithub.com\u002Fdotnet\u002Fskills","2026-07-12T08:23:15.121084","MIT",332,[31],"agent-skills",{"repoUrl":26,"stars":25,"forks":29,"topics":33,"description":34},[31],"Repository for skills to assist AI coding agents with .NET and C#","https:\u002F\u002Fgithub.com\u002Fdotnet\u002Fskills\u002Ftree\u002FHEAD\u002Fplugins\u002Fdotnet-aspnetcore\u002Fskills\u002Fconvert-blazor-server-to-webapp","---\nname: convert-blazor-server-to-webapp\nlicense: MIT\ndescription: >\n  Guides conversion of a pre-.NET 8 Blazor Server app into a .NET 8+ Blazor Web App.\n  USE FOR: migrating apps that use AddServerSideBlazor and MapBlazorHub to the\n  AddRazorComponents\u002FMapRazorComponents model, converting _Host.cshtml to an App.razor\n  root component, replacing blazor.server.js with blazor.web.js, migrating\n  CascadingAuthenticationState to a service, adopting new Blazor Web App features\n  like enhanced navigation and streaming rendering.\n  DO NOT USE FOR: apps that are already Blazor Web Apps (already use AddRazorComponents\n  and MapRazorComponents), Blazor WebAssembly or hosted Blazor WebAssembly apps\n  (different migration path), apps that should stay on the Blazor Server hosting\n  model without converting, or apps still targeting .NET Framework.\n---\n\n# Convert Blazor Server App to Blazor Web App\n\nThis skill helps an agent convert a pre-.NET 8 Blazor Server app into a .NET 8+ Blazor Web App. The old hosting model uses `AddServerSideBlazor`\u002F`MapBlazorHub` with a `_Host.cshtml` Razor Page as the entry point. The new Blazor Web App model uses `AddRazorComponents`\u002F`MapRazorComponents` with an `App.razor` root component, enabling per-component render modes, enhanced navigation, streaming rendering, and other .NET 8+ features. The converted app uses `InteractiveServer` render mode to preserve existing interactive behavior.\n\n## When to Use\n\n- Migrating a Blazor Server app from .NET 6 or .NET 7 to .NET 8+\n- App currently uses `AddServerSideBlazor()` and `MapBlazorHub()` in `Program.cs` (or `Startup.cs`)\n- App uses `Pages\u002F_Host.cshtml` (or `_Host.razor`) as the host page with Component Tag Helpers\n- Want to adopt new Blazor Web App features while keeping interactive server rendering\n\n## When Not to Use\n\n- **The app already uses `AddRazorComponents` and `MapRazorComponents`.** It is already a Blazor Web App — no conversion is needed. Stop here and tell the user the app is already using the Blazor Web App model.\n- Blazor WebAssembly or hosted Blazor WebAssembly app — these have a different migration path\n- The app should stay on the legacy Blazor Server hosting model (just update TFM and packages)\n- The app targets .NET Framework — it must be migrated to .NET first\n\n## Inputs\n\n| Input | Required | Description |\n|-------|----------|-------------|\n| Blazor Server project | Yes | The `.csproj` and source files of the Blazor Server app |\n| Target framework | Yes | .NET 8 or later (e.g., `net8.0`, `net9.0`, `net10.0`) |\n| `Program.cs` or `Startup.cs` | Yes | The app's service and middleware configuration |\n| `_Host.cshtml` location | Recommended | Usually `Pages\u002F_Host.cshtml`; may be `_Host.razor` in some projects |\n\n## Workflow\n\n> **Commit strategy:** Commit after each logical step so the migration is reviewable and bisectable.\n\n### Step 1: Update the project file\n\nUpdate the `.csproj` file:\n\n1. Change the Target Framework Moniker (TFM) to the target version:\n   ```xml\n   \u003CTargetFramework>net8.0\u003C\u002FTargetFramework>\n   ```\n2. Update all `Microsoft.AspNetCore.*`, `Microsoft.EntityFrameworkCore.*`, `Microsoft.Extensions.*`, and `System.Net.Http.Json` package references to the matching version.\n\nFor non-Blazor project file changes (nullable reference types, implicit usings, HTTP\u002F3 support, etc.), see the [general ASP.NET Core migration guide](https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fmigration\u002F70-to-80).\n\n### Step 2: Create `Routes.razor` from `App.razor`\n\nThe old `App.razor` contains the `\u003CRouter>` component. This content moves to a new `Routes.razor` file so that `App.razor` can become the root HTML document component.\n\n1. Create a new file `Routes.razor` in the project root.\n2. Move the entire content of `App.razor` into `Routes.razor`.\n3. If the content is wrapped in `\u003CCascadingAuthenticationState>`, remove that wrapper (it will be replaced by a service in Step 5).\n4. Leave `App.razor` empty for the next step.\n\nThe resulting `Routes.razor` should look similar to:\n\n```razor\n\u003CRouter AppAssembly=\"@typeof(Program).Assembly\">\n    \u003CFound Context=\"routeData\">\n        \u003CRouteView RouteData=\"@routeData\" DefaultLayout=\"@typeof(MainLayout)\" \u002F>\n        \u003CFocusOnNavigate RouteData=\"@routeData\" Selector=\"h1\" \u002F>\n    \u003C\u002FFound>\n    \u003CNotFound>\n        \u003CLayoutView Layout=\"@typeof(MainLayout)\">\n            \u003Cp>Sorry, there's nothing at this address.\u003C\u002Fp>\n        \u003C\u002FLayoutView>\n    \u003C\u002FNotFound>\n\u003C\u002FRouter>\n```\n\nIf the app uses `\u003CAuthorizeRouteView>` instead of `\u003CRouteView>`, keep it — it works the same way in Blazor Web Apps.\n\n### Step 3: Convert `_Host.cshtml` to `App.razor`\n\nMove the HTML shell from `Pages\u002F_Host.cshtml` into the now-empty `App.razor` and transform it from a Razor Page into a Razor component:\n\n1. **Remove Razor Page directives** — delete `@page \"\u002F\"`, `@using Microsoft.AspNetCore.Components.Web`, `@namespace`, and `@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers`.\n\n2. **Add component injection** — if using environment-conditional error UI, add:\n   ```razor\n   @inject IHostEnvironment Env\n   ```\n\n3. **Fix the base tag** — replace `\u003Cbase href=\"~\u002F\" \u002F>` with `\u003Cbase href=\"\u002F\" \u002F>`.\n\n4. **Replace HeadOutlet Component Tag Helper** — replace:\n   ```html\n   \u003Ccomponent type=\"typeof(HeadOutlet)\" render-mode=\"ServerPrerendered\" \u002F>\n   ```\n   with:\n   ```razor\n   \u003CHeadOutlet @rendermode=\"InteractiveServer\" \u002F>\n   ```\n\n5. **Replace App Component Tag Helper with Routes** — replace:\n   ```html\n   \u003Ccomponent type=\"typeof(App)\" render-mode=\"ServerPrerendered\" \u002F>\n   ```\n   with:\n   ```razor\n   \u003CRoutes @rendermode=\"InteractiveServer\" \u002F>\n   ```\n\n6. **Replace Environment Tag Helpers** — replace:\n   ```html\n   \u003Cenvironment include=\"Staging,Production\">\n       An error has occurred. This application may no longer respond until reloaded.\n   \u003C\u002Fenvironment>\n   \u003Cenvironment include=\"Development\">\n       An unhandled exception has occurred. See browser dev tools for details.\n   \u003C\u002Fenvironment>\n   ```\n   with:\n   ```razor\n   @if (Env.IsDevelopment())\n   {\n       \u003Ctext>\n           An unhandled exception has occurred. See browser dev tools for details.\n       \u003C\u002Ftext>\n   }\n   else\n   {\n       \u003Ctext>\n           An error has occurred. This app may no longer respond until reloaded.\n       \u003C\u002Ftext>\n   }\n   ```\n\n7. **Update the Blazor script** — replace:\n   ```html\n   \u003Cscript src=\"_framework\u002Fblazor.server.js\">\u003C\u002Fscript>\n   ```\n   with:\n   ```html\n   \u003Cscript src=\"_framework\u002Fblazor.web.js\">\u003C\u002Fscript>\n   ```\n\n8. **Add render mode import** — add to `_Imports.razor`:\n   ```razor\n   @using static Microsoft.AspNetCore.Components.Web.RenderMode\n   ```\n\n9. **Delete `Pages\u002F_Host.cshtml`** (and `Pages\u002F_Host.cshtml.cs` if it exists).\n\n**Prerendering note:** If the original app used `render-mode=\"Server\"` (not `\"ServerPrerendered\"`), prerendering was disabled. Preserve this by using `new InteractiveServerRenderMode(prerender: false)` instead of `InteractiveServer` for both `HeadOutlet` and `Routes`.\n\n### Step 4: Update `Program.cs`\n\nMake the following changes to `Program.cs` (or `Startup.cs` if the app uses the older hosting pattern):\n\n1. **Replace Blazor Server services** — replace:\n   ```csharp\n   builder.Services.AddServerSideBlazor();\n   ```\n   with:\n   ```csharp\n   builder.Services.AddRazorComponents()\n       .AddInteractiveServerComponents();\n   ```\n\n   If `AddServerSideBlazor` had options configured (e.g., circuit options, hub options, detailed errors), migrate them to `AddInteractiveServerComponents`:\n   ```csharp\n   \u002F\u002F Old:\n   builder.Services.AddServerSideBlazor(options =>\n   {\n       options.DetailedErrors = true;\n       options.DisconnectedCircuitRetentionPeriod = TimeSpan.FromMinutes(10);\n   });\n\n   \u002F\u002F New:\n   builder.Services.AddRazorComponents()\n       .AddInteractiveServerComponents(options =>\n       {\n           options.DetailedErrors = true;\n           options.DisconnectedCircuitRetentionPeriod = TimeSpan.FromMinutes(10);\n       });\n   ```\n\n2. **Replace Blazor endpoint mapping** — replace:\n   ```csharp\n   app.MapBlazorHub();\n   ```\n   with:\n   ```csharp\n   app.MapRazorComponents\u003CApp>()\n       .AddInteractiveServerRenderMode();\n   ```\n\n   Ensure there is a `using` statement for the project's root namespace so that `App` resolves to the `App.razor` component.\n\n3. **Remove the fallback route** — delete:\n   ```csharp\n   app.MapFallbackToPage(\"\u002F_Host\");\n   ```\n\n4. **Remove explicit routing middleware** — delete if present:\n   ```csharp\n   app.UseRouting();\n   ```\n   Endpoint routing is the default and explicit `UseRouting()` is no longer needed.\n\n5. **Add antiforgery middleware** — add after `UseAuthentication`\u002F`UseAuthorization` if present:\n   ```csharp\n   app.UseAntiforgery();\n   ```\n   `AddRazorComponents` registers antiforgery services automatically, but the middleware must be explicitly added to the pipeline. Without it, form POST requests fail with 400 errors.\n\n### Step 5: Migrate `CascadingAuthenticationState` (if present)\n\nIf the app used `\u003CCascadingAuthenticationState>` to wrap the router:\n\n1. Remove the `\u003CCascadingAuthenticationState>` component wrapper (already done in Step 2 if following this workflow).\n2. Add the cascading authentication state service in `Program.cs`:\n   ```csharp\n   builder.Services.AddCascadingAuthenticationState();\n   ```\n\nThe component wrapper approach does not work across render mode boundaries in Blazor Web Apps. The service-based approach provides `Task\u003CAuthenticationState>` as a cascading value to all components regardless of render mode.\n\n### Step 6: Recommended improvements (optional)\n\nThese are optional modernization improvements — not required for the conversion to work. If you suggest any of these, state explicitly that they are optional.\n\n- **Replace `UseStaticFiles` with `MapStaticAssets`** (.NET 9+): `app.MapStaticAssets()` provides optimized static file serving with fingerprinting, pre-compression, and content-based ETags. See [MapStaticAssets documentation](https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Ffundamentals\u002Fstatic-files#mapstaticassets).\n- **Add `@attribute [StreamRendering]`** to pages with async data loading (`OnInitializedAsync`) for improved perceived performance. The page renders its initial synchronous content immediately and re-renders when async data arrives.\n- **Update CSS isolation bundle reference** if the `\u003Clink>` tag referenced a `_Host` assembly name; ensure it matches the project's actual assembly name: `\u003Clink href=\"{AssemblyName}.styles.css\" rel=\"stylesheet\" \u002F>`.\n- For other non-Blazor improvements (minimal hosting, HTTP\u002F3, output caching, etc.), see the [general ASP.NET Core migration guide](https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fmigration\u002F70-to-80).\n\n### Step 7: Verify the migration\n\n1. Build the project targeting the new framework. Confirm no compile errors.\n2. Search for remaining references to removed APIs:\n   - `AddServerSideBlazor`\n   - `MapBlazorHub`\n   - `MapFallbackToPage`\n   - `blazor.server.js`\n   - `_Host.cshtml`\n3. Run the app and verify:\n   - Pages load and render correctly\n   - Interactive features work (forms, event handlers, SignalR circuits)\n   - Navigation between pages works\n   - Authentication and authorization flows work if present\n4. Run existing tests.\n\n## Validation\n\n- [ ] No references to `AddServerSideBlazor` remain\n- [ ] No references to `MapBlazorHub` remain\n- [ ] No references to `MapFallbackToPage(\"\u002F_Host\")` remain\n- [ ] No references to `blazor.server.js` remain\n- [ ] `Pages\u002F_Host.cshtml` has been deleted\n- [ ] `App.razor` serves as the root component with a full HTML document structure\n- [ ] `Routes.razor` contains the `\u003CRouter>` configuration\n- [ ] `Program.cs` uses `AddRazorComponents().AddInteractiveServerComponents()`\n- [ ] `Program.cs` uses `MapRazorComponents\u003CApp>().AddInteractiveServerRenderMode()`\n- [ ] `app.UseAntiforgery()` is present in the middleware pipeline\n- [ ] If the app used `\u003CCascadingAuthenticationState>`, it has been replaced with `AddCascadingAuthenticationState()` service registration\n- [ ] App builds and runs successfully on the target framework\n\n## Common Pitfalls\n\n| Pitfall | Solution |\n|---------|----------|\n| Missing `UseAntiforgery()` middleware | `AddRazorComponents` registers antiforgery services, but the middleware must be explicitly added. Place `app.UseAntiforgery()` after `UseAuthentication`\u002F`UseAuthorization`. Without it, form POST requests fail with 400 errors. |\n| Forgetting to replace `blazor.server.js` with `blazor.web.js` | The old script does not work with the Blazor Web App model. Replace all references to `_framework\u002Fblazor.server.js` with `_framework\u002Fblazor.web.js`. |\n| Not removing `\u003CCascadingAuthenticationState>` wrapper | The component wrapper does not work across render mode boundaries in Blazor Web Apps. Use `builder.Services.AddCascadingAuthenticationState()` instead. |\n| Leaving `app.UseRouting()` in the pipeline | Explicit `UseRouting()` is no longer needed and can interfere with endpoint routing. Remove it unless other middleware specifically requires it. |\n| Using `InteractiveServer` when prerendering was disabled | If the original app used `render-mode=\"Server\"` (not `\"ServerPrerendered\"`), use `new InteractiveServerRenderMode(prerender: false)` to preserve the same behavior. Using `InteractiveServer` enables prerendering which can cause unexpected issues with components that depend on JS interop during initialization. |\n| Not migrating `AddServerSideBlazor` circuit options | If circuit options, hub options, or detailed error settings were configured, migrate them to `AddInteractiveServerComponents(options => { ... })`. Otherwise those settings are silently lost. |\n| `UseAntiforgery()` placed before authentication middleware | The antiforgery middleware must be placed after `UseAuthentication` and `UseAuthorization`. Placing it before causes antiforgery validation to run before the user identity is established. |\n| CSS isolation bundle link has wrong assembly name | If the `\u003Clink href=\"{Name}.styles.css\">` tag referenced the old project name, update it to match the current assembly name. |\n\n## More Info\n\n- [Convert a Blazor Server app into a Blazor Web App](https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fmigration\u002F70-to-80#convert-a-blazor-server-app-into-a-blazor-web-app) — the official step-by-step migration guide\n- [ASP.NET Core Blazor render modes](https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fblazor\u002Fcomponents\u002Frender-modes) — understanding InteractiveServer, InteractiveWebAssembly, and InteractiveAuto\n- [Migrate CascadingAuthenticationState to services](https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fmigration\u002F70-to-80#migrate-the-cascadingauthenticationstate-component-to-cascading-authentication-state-services) — replacing the component wrapper with a service\n- [MapStaticAssets](https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Ffundamentals\u002Fstatic-files#mapstaticassets) — optimized static file serving in .NET 9+\n- [Migrate from ASP.NET Core 7.0 to 8.0](https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fmigration\u002F70-to-80) — general migration guide for all ASP.NET Core changes\n- [Stream rendering with Blazor](https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fblazor\u002Fcomponents\u002Frender-modes#streaming-rendering) — `@attribute [StreamRendering]` for async data loading\n- [Cascading values and render mode boundaries](https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fblazor\u002Fcomponents\u002Fcascading-values-and-parameters#cascading-valuesparameters-and-render-mode-boundaries) — why cascading parameters do not cross render mode boundaries\n",{"data":38,"body":39},{"name":4,"license":28,"description":6},{"type":40,"children":41},"root",[42,51,113,120,192,198,240,246,408,414,428,435,447,512,527,546,580,638,650,757,778,796,815,1518,1572,1583,1601,1983,1997,2009,2050,2063,2069,2074,2184,2190,2281,2287,2496,2502,2790,2796,2887],{"type":43,"tag":44,"props":45,"children":47},"element","h1",{"id":46},"convert-blazor-server-app-to-blazor-web-app",[48],{"type":49,"value":50},"text","Convert Blazor Server App to Blazor Web App",{"type":43,"tag":52,"props":53,"children":54},"p",{},[55,57,64,66,72,74,80,82,88,89,95,97,103,105,111],{"type":49,"value":56},"This skill helps an agent convert a pre-.NET 8 Blazor Server app into a .NET 8+ Blazor Web App. The old hosting model uses ",{"type":43,"tag":58,"props":59,"children":61},"code",{"className":60},[],[62],{"type":49,"value":63},"AddServerSideBlazor",{"type":49,"value":65},"\u002F",{"type":43,"tag":58,"props":67,"children":69},{"className":68},[],[70],{"type":49,"value":71},"MapBlazorHub",{"type":49,"value":73}," with a ",{"type":43,"tag":58,"props":75,"children":77},{"className":76},[],[78],{"type":49,"value":79},"_Host.cshtml",{"type":49,"value":81}," Razor Page as the entry point. The new Blazor Web App model uses ",{"type":43,"tag":58,"props":83,"children":85},{"className":84},[],[86],{"type":49,"value":87},"AddRazorComponents",{"type":49,"value":65},{"type":43,"tag":58,"props":90,"children":92},{"className":91},[],[93],{"type":49,"value":94},"MapRazorComponents",{"type":49,"value":96}," with an ",{"type":43,"tag":58,"props":98,"children":100},{"className":99},[],[101],{"type":49,"value":102},"App.razor",{"type":49,"value":104}," root component, enabling per-component render modes, enhanced navigation, streaming rendering, and other .NET 8+ features. The converted app uses ",{"type":43,"tag":58,"props":106,"children":108},{"className":107},[],[109],{"type":49,"value":110},"InteractiveServer",{"type":49,"value":112}," render mode to preserve existing interactive behavior.",{"type":43,"tag":114,"props":115,"children":117},"h2",{"id":116},"when-to-use",[118],{"type":49,"value":119},"When to Use",{"type":43,"tag":121,"props":122,"children":123},"ul",{},[124,130,167,187],{"type":43,"tag":125,"props":126,"children":127},"li",{},[128],{"type":49,"value":129},"Migrating a Blazor Server app from .NET 6 or .NET 7 to .NET 8+",{"type":43,"tag":125,"props":131,"children":132},{},[133,135,141,143,149,151,157,159,165],{"type":49,"value":134},"App currently uses ",{"type":43,"tag":58,"props":136,"children":138},{"className":137},[],[139],{"type":49,"value":140},"AddServerSideBlazor()",{"type":49,"value":142}," and ",{"type":43,"tag":58,"props":144,"children":146},{"className":145},[],[147],{"type":49,"value":148},"MapBlazorHub()",{"type":49,"value":150}," in ",{"type":43,"tag":58,"props":152,"children":154},{"className":153},[],[155],{"type":49,"value":156},"Program.cs",{"type":49,"value":158}," (or ",{"type":43,"tag":58,"props":160,"children":162},{"className":161},[],[163],{"type":49,"value":164},"Startup.cs",{"type":49,"value":166},")",{"type":43,"tag":125,"props":168,"children":169},{},[170,172,178,179,185],{"type":49,"value":171},"App uses ",{"type":43,"tag":58,"props":173,"children":175},{"className":174},[],[176],{"type":49,"value":177},"Pages\u002F_Host.cshtml",{"type":49,"value":158},{"type":43,"tag":58,"props":180,"children":182},{"className":181},[],[183],{"type":49,"value":184},"_Host.razor",{"type":49,"value":186},") as the host page with Component Tag Helpers",{"type":43,"tag":125,"props":188,"children":189},{},[190],{"type":49,"value":191},"Want to adopt new Blazor Web App features while keeping interactive server rendering",{"type":43,"tag":114,"props":193,"children":195},{"id":194},"when-not-to-use",[196],{"type":49,"value":197},"When Not to Use",{"type":43,"tag":121,"props":199,"children":200},{},[201,225,230,235],{"type":43,"tag":125,"props":202,"children":203},{},[204,223],{"type":43,"tag":205,"props":206,"children":207},"strong",{},[208,210,215,216,221],{"type":49,"value":209},"The app already uses ",{"type":43,"tag":58,"props":211,"children":213},{"className":212},[],[214],{"type":49,"value":87},{"type":49,"value":142},{"type":43,"tag":58,"props":217,"children":219},{"className":218},[],[220],{"type":49,"value":94},{"type":49,"value":222},".",{"type":49,"value":224}," It is already a Blazor Web App — no conversion is needed. Stop here and tell the user the app is already using the Blazor Web App model.",{"type":43,"tag":125,"props":226,"children":227},{},[228],{"type":49,"value":229},"Blazor WebAssembly or hosted Blazor WebAssembly app — these have a different migration path",{"type":43,"tag":125,"props":231,"children":232},{},[233],{"type":49,"value":234},"The app should stay on the legacy Blazor Server hosting model (just update TFM and packages)",{"type":43,"tag":125,"props":236,"children":237},{},[238],{"type":49,"value":239},"The app targets .NET Framework — it must be migrated to .NET first",{"type":43,"tag":114,"props":241,"children":243},{"id":242},"inputs",[244],{"type":49,"value":245},"Inputs",{"type":43,"tag":247,"props":248,"children":249},"table",{},[250,274],{"type":43,"tag":251,"props":252,"children":253},"thead",{},[254],{"type":43,"tag":255,"props":256,"children":257},"tr",{},[258,264,269],{"type":43,"tag":259,"props":260,"children":261},"th",{},[262],{"type":49,"value":263},"Input",{"type":43,"tag":259,"props":265,"children":266},{},[267],{"type":49,"value":268},"Required",{"type":43,"tag":259,"props":270,"children":271},{},[272],{"type":49,"value":273},"Description",{"type":43,"tag":275,"props":276,"children":277},"tbody",{},[278,305,344,371],{"type":43,"tag":255,"props":279,"children":280},{},[281,287,292],{"type":43,"tag":282,"props":283,"children":284},"td",{},[285],{"type":49,"value":286},"Blazor Server project",{"type":43,"tag":282,"props":288,"children":289},{},[290],{"type":49,"value":291},"Yes",{"type":43,"tag":282,"props":293,"children":294},{},[295,297,303],{"type":49,"value":296},"The ",{"type":43,"tag":58,"props":298,"children":300},{"className":299},[],[301],{"type":49,"value":302},".csproj",{"type":49,"value":304}," and source files of the Blazor Server app",{"type":43,"tag":255,"props":306,"children":307},{},[308,313,317],{"type":43,"tag":282,"props":309,"children":310},{},[311],{"type":49,"value":312},"Target framework",{"type":43,"tag":282,"props":314,"children":315},{},[316],{"type":49,"value":291},{"type":43,"tag":282,"props":318,"children":319},{},[320,322,328,330,336,337,343],{"type":49,"value":321},".NET 8 or later (e.g., ",{"type":43,"tag":58,"props":323,"children":325},{"className":324},[],[326],{"type":49,"value":327},"net8.0",{"type":49,"value":329},", ",{"type":43,"tag":58,"props":331,"children":333},{"className":332},[],[334],{"type":49,"value":335},"net9.0",{"type":49,"value":329},{"type":43,"tag":58,"props":338,"children":340},{"className":339},[],[341],{"type":49,"value":342},"net10.0",{"type":49,"value":166},{"type":43,"tag":255,"props":345,"children":346},{},[347,362,366],{"type":43,"tag":282,"props":348,"children":349},{},[350,355,357],{"type":43,"tag":58,"props":351,"children":353},{"className":352},[],[354],{"type":49,"value":156},{"type":49,"value":356}," or ",{"type":43,"tag":58,"props":358,"children":360},{"className":359},[],[361],{"type":49,"value":164},{"type":43,"tag":282,"props":363,"children":364},{},[365],{"type":49,"value":291},{"type":43,"tag":282,"props":367,"children":368},{},[369],{"type":49,"value":370},"The app's service and middleware configuration",{"type":43,"tag":255,"props":372,"children":373},{},[374,384,389],{"type":43,"tag":282,"props":375,"children":376},{},[377,382],{"type":43,"tag":58,"props":378,"children":380},{"className":379},[],[381],{"type":49,"value":79},{"type":49,"value":383}," location",{"type":43,"tag":282,"props":385,"children":386},{},[387],{"type":49,"value":388},"Recommended",{"type":43,"tag":282,"props":390,"children":391},{},[392,394,399,401,406],{"type":49,"value":393},"Usually ",{"type":43,"tag":58,"props":395,"children":397},{"className":396},[],[398],{"type":49,"value":177},{"type":49,"value":400},"; may be ",{"type":43,"tag":58,"props":402,"children":404},{"className":403},[],[405],{"type":49,"value":184},{"type":49,"value":407}," in some projects",{"type":43,"tag":114,"props":409,"children":411},{"id":410},"workflow",[412],{"type":49,"value":413},"Workflow",{"type":43,"tag":415,"props":416,"children":417},"blockquote",{},[418],{"type":43,"tag":52,"props":419,"children":420},{},[421,426],{"type":43,"tag":205,"props":422,"children":423},{},[424],{"type":49,"value":425},"Commit strategy:",{"type":49,"value":427}," Commit after each logical step so the migration is reviewable and bisectable.",{"type":43,"tag":429,"props":430,"children":432},"h3",{"id":431},"step-1-update-the-project-file",[433],{"type":49,"value":434},"Step 1: Update the project file",{"type":43,"tag":52,"props":436,"children":437},{},[438,440,445],{"type":49,"value":439},"Update the ",{"type":43,"tag":58,"props":441,"children":443},{"className":442},[],[444],{"type":49,"value":302},{"type":49,"value":446}," file:",{"type":43,"tag":448,"props":449,"children":450},"ol",{},[451,477],{"type":43,"tag":125,"props":452,"children":453},{},[454,456],{"type":49,"value":455},"Change the Target Framework Moniker (TFM) to the target version:\n",{"type":43,"tag":457,"props":458,"children":463},"pre",{"className":459,"code":460,"language":461,"meta":462,"style":462},"language-xml shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CTargetFramework>net8.0\u003C\u002FTargetFramework>\n","xml","",[464],{"type":43,"tag":58,"props":465,"children":466},{"__ignoreMap":462},[467],{"type":43,"tag":468,"props":469,"children":472},"span",{"class":470,"line":471},"line",1,[473],{"type":43,"tag":468,"props":474,"children":475},{},[476],{"type":49,"value":460},{"type":43,"tag":125,"props":478,"children":479},{},[480,482,488,489,495,496,502,504,510],{"type":49,"value":481},"Update all ",{"type":43,"tag":58,"props":483,"children":485},{"className":484},[],[486],{"type":49,"value":487},"Microsoft.AspNetCore.*",{"type":49,"value":329},{"type":43,"tag":58,"props":490,"children":492},{"className":491},[],[493],{"type":49,"value":494},"Microsoft.EntityFrameworkCore.*",{"type":49,"value":329},{"type":43,"tag":58,"props":497,"children":499},{"className":498},[],[500],{"type":49,"value":501},"Microsoft.Extensions.*",{"type":49,"value":503},", and ",{"type":43,"tag":58,"props":505,"children":507},{"className":506},[],[508],{"type":49,"value":509},"System.Net.Http.Json",{"type":49,"value":511}," package references to the matching version.",{"type":43,"tag":52,"props":513,"children":514},{},[515,517,526],{"type":49,"value":516},"For non-Blazor project file changes (nullable reference types, implicit usings, HTTP\u002F3 support, etc.), see the ",{"type":43,"tag":518,"props":519,"children":523},"a",{"href":520,"rel":521},"https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fmigration\u002F70-to-80",[522],"nofollow",[524],{"type":49,"value":525},"general ASP.NET Core migration guide",{"type":49,"value":222},{"type":43,"tag":429,"props":528,"children":530},{"id":529},"step-2-create-routesrazor-from-apprazor",[531,533,539,541],{"type":49,"value":532},"Step 2: Create ",{"type":43,"tag":58,"props":534,"children":536},{"className":535},[],[537],{"type":49,"value":538},"Routes.razor",{"type":49,"value":540}," from ",{"type":43,"tag":58,"props":542,"children":544},{"className":543},[],[545],{"type":49,"value":102},{"type":43,"tag":52,"props":547,"children":548},{},[549,551,556,558,564,566,571,573,578],{"type":49,"value":550},"The old ",{"type":43,"tag":58,"props":552,"children":554},{"className":553},[],[555],{"type":49,"value":102},{"type":49,"value":557}," contains the ",{"type":43,"tag":58,"props":559,"children":561},{"className":560},[],[562],{"type":49,"value":563},"\u003CRouter>",{"type":49,"value":565}," component. This content moves to a new ",{"type":43,"tag":58,"props":567,"children":569},{"className":568},[],[570],{"type":49,"value":538},{"type":49,"value":572}," file so that ",{"type":43,"tag":58,"props":574,"children":576},{"className":575},[],[577],{"type":49,"value":102},{"type":49,"value":579}," can become the root HTML document component.",{"type":43,"tag":448,"props":581,"children":582},{},[583,595,613,626],{"type":43,"tag":125,"props":584,"children":585},{},[586,588,593],{"type":49,"value":587},"Create a new file ",{"type":43,"tag":58,"props":589,"children":591},{"className":590},[],[592],{"type":49,"value":538},{"type":49,"value":594}," in the project root.",{"type":43,"tag":125,"props":596,"children":597},{},[598,600,605,607,612],{"type":49,"value":599},"Move the entire content of ",{"type":43,"tag":58,"props":601,"children":603},{"className":602},[],[604],{"type":49,"value":102},{"type":49,"value":606}," into ",{"type":43,"tag":58,"props":608,"children":610},{"className":609},[],[611],{"type":49,"value":538},{"type":49,"value":222},{"type":43,"tag":125,"props":614,"children":615},{},[616,618,624],{"type":49,"value":617},"If the content is wrapped in ",{"type":43,"tag":58,"props":619,"children":621},{"className":620},[],[622],{"type":49,"value":623},"\u003CCascadingAuthenticationState>",{"type":49,"value":625},", remove that wrapper (it will be replaced by a service in Step 5).",{"type":43,"tag":125,"props":627,"children":628},{},[629,631,636],{"type":49,"value":630},"Leave ",{"type":43,"tag":58,"props":632,"children":634},{"className":633},[],[635],{"type":49,"value":102},{"type":49,"value":637}," empty for the next step.",{"type":43,"tag":52,"props":639,"children":640},{},[641,643,648],{"type":49,"value":642},"The resulting ",{"type":43,"tag":58,"props":644,"children":646},{"className":645},[],[647],{"type":49,"value":538},{"type":49,"value":649}," should look similar to:",{"type":43,"tag":457,"props":651,"children":655},{"className":652,"code":653,"language":654,"meta":462,"style":462},"language-razor shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CRouter AppAssembly=\"@typeof(Program).Assembly\">\n    \u003CFound Context=\"routeData\">\n        \u003CRouteView RouteData=\"@routeData\" DefaultLayout=\"@typeof(MainLayout)\" \u002F>\n        \u003CFocusOnNavigate RouteData=\"@routeData\" Selector=\"h1\" \u002F>\n    \u003C\u002FFound>\n    \u003CNotFound>\n        \u003CLayoutView Layout=\"@typeof(MainLayout)\">\n            \u003Cp>Sorry, there's nothing at this address.\u003C\u002Fp>\n        \u003C\u002FLayoutView>\n    \u003C\u002FNotFound>\n\u003C\u002FRouter>\n","razor",[656],{"type":43,"tag":58,"props":657,"children":658},{"__ignoreMap":462},[659,667,676,685,694,703,712,721,730,739,748],{"type":43,"tag":468,"props":660,"children":661},{"class":470,"line":471},[662],{"type":43,"tag":468,"props":663,"children":664},{},[665],{"type":49,"value":666},"\u003CRouter AppAssembly=\"@typeof(Program).Assembly\">\n",{"type":43,"tag":468,"props":668,"children":670},{"class":470,"line":669},2,[671],{"type":43,"tag":468,"props":672,"children":673},{},[674],{"type":49,"value":675},"    \u003CFound Context=\"routeData\">\n",{"type":43,"tag":468,"props":677,"children":679},{"class":470,"line":678},3,[680],{"type":43,"tag":468,"props":681,"children":682},{},[683],{"type":49,"value":684},"        \u003CRouteView RouteData=\"@routeData\" DefaultLayout=\"@typeof(MainLayout)\" \u002F>\n",{"type":43,"tag":468,"props":686,"children":688},{"class":470,"line":687},4,[689],{"type":43,"tag":468,"props":690,"children":691},{},[692],{"type":49,"value":693},"        \u003CFocusOnNavigate RouteData=\"@routeData\" Selector=\"h1\" \u002F>\n",{"type":43,"tag":468,"props":695,"children":697},{"class":470,"line":696},5,[698],{"type":43,"tag":468,"props":699,"children":700},{},[701],{"type":49,"value":702},"    \u003C\u002FFound>\n",{"type":43,"tag":468,"props":704,"children":706},{"class":470,"line":705},6,[707],{"type":43,"tag":468,"props":708,"children":709},{},[710],{"type":49,"value":711},"    \u003CNotFound>\n",{"type":43,"tag":468,"props":713,"children":715},{"class":470,"line":714},7,[716],{"type":43,"tag":468,"props":717,"children":718},{},[719],{"type":49,"value":720},"        \u003CLayoutView Layout=\"@typeof(MainLayout)\">\n",{"type":43,"tag":468,"props":722,"children":724},{"class":470,"line":723},8,[725],{"type":43,"tag":468,"props":726,"children":727},{},[728],{"type":49,"value":729},"            \u003Cp>Sorry, there's nothing at this address.\u003C\u002Fp>\n",{"type":43,"tag":468,"props":731,"children":733},{"class":470,"line":732},9,[734],{"type":43,"tag":468,"props":735,"children":736},{},[737],{"type":49,"value":738},"        \u003C\u002FLayoutView>\n",{"type":43,"tag":468,"props":740,"children":742},{"class":470,"line":741},10,[743],{"type":43,"tag":468,"props":744,"children":745},{},[746],{"type":49,"value":747},"    \u003C\u002FNotFound>\n",{"type":43,"tag":468,"props":749,"children":751},{"class":470,"line":750},11,[752],{"type":43,"tag":468,"props":753,"children":754},{},[755],{"type":49,"value":756},"\u003C\u002FRouter>\n",{"type":43,"tag":52,"props":758,"children":759},{},[760,762,768,770,776],{"type":49,"value":761},"If the app uses ",{"type":43,"tag":58,"props":763,"children":765},{"className":764},[],[766],{"type":49,"value":767},"\u003CAuthorizeRouteView>",{"type":49,"value":769}," instead of ",{"type":43,"tag":58,"props":771,"children":773},{"className":772},[],[774],{"type":49,"value":775},"\u003CRouteView>",{"type":49,"value":777},", keep it — it works the same way in Blazor Web Apps.",{"type":43,"tag":429,"props":779,"children":781},{"id":780},"step-3-convert-_hostcshtml-to-apprazor",[782,784,789,791],{"type":49,"value":783},"Step 3: Convert ",{"type":43,"tag":58,"props":785,"children":787},{"className":786},[],[788],{"type":49,"value":79},{"type":49,"value":790}," to ",{"type":43,"tag":58,"props":792,"children":794},{"className":793},[],[795],{"type":49,"value":102},{"type":43,"tag":52,"props":797,"children":798},{},[799,801,806,808,813],{"type":49,"value":800},"Move the HTML shell from ",{"type":43,"tag":58,"props":802,"children":804},{"className":803},[],[805],{"type":49,"value":177},{"type":49,"value":807}," into the now-empty ",{"type":43,"tag":58,"props":809,"children":811},{"className":810},[],[812],{"type":49,"value":102},{"type":49,"value":814}," and transform it from a Razor Page into a Razor component:",{"type":43,"tag":448,"props":816,"children":817},{},[818,856,880,905,1012,1102,1345,1463,1495],{"type":43,"tag":125,"props":819,"children":820},{},[821,826,828,834,835,841,842,848,849,855],{"type":43,"tag":205,"props":822,"children":823},{},[824],{"type":49,"value":825},"Remove Razor Page directives",{"type":49,"value":827}," — delete ",{"type":43,"tag":58,"props":829,"children":831},{"className":830},[],[832],{"type":49,"value":833},"@page \"\u002F\"",{"type":49,"value":329},{"type":43,"tag":58,"props":836,"children":838},{"className":837},[],[839],{"type":49,"value":840},"@using Microsoft.AspNetCore.Components.Web",{"type":49,"value":329},{"type":43,"tag":58,"props":843,"children":845},{"className":844},[],[846],{"type":49,"value":847},"@namespace",{"type":49,"value":503},{"type":43,"tag":58,"props":850,"children":852},{"className":851},[],[853],{"type":49,"value":854},"@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers",{"type":49,"value":222},{"type":43,"tag":125,"props":857,"children":858},{},[859,864,866],{"type":43,"tag":205,"props":860,"children":861},{},[862],{"type":49,"value":863},"Add component injection",{"type":49,"value":865}," — if using environment-conditional error UI, add:",{"type":43,"tag":457,"props":867,"children":869},{"className":652,"code":868,"language":654,"meta":462,"style":462},"@inject IHostEnvironment Env\n",[870],{"type":43,"tag":58,"props":871,"children":872},{"__ignoreMap":462},[873],{"type":43,"tag":468,"props":874,"children":875},{"class":470,"line":471},[876],{"type":43,"tag":468,"props":877,"children":878},{},[879],{"type":49,"value":868},{"type":43,"tag":125,"props":881,"children":882},{},[883,888,890,896,898,904],{"type":43,"tag":205,"props":884,"children":885},{},[886],{"type":49,"value":887},"Fix the base tag",{"type":49,"value":889}," — replace ",{"type":43,"tag":58,"props":891,"children":893},{"className":892},[],[894],{"type":49,"value":895},"\u003Cbase href=\"~\u002F\" \u002F>",{"type":49,"value":897}," with ",{"type":43,"tag":58,"props":899,"children":901},{"className":900},[],[902],{"type":49,"value":903},"\u003Cbase href=\"\u002F\" \u002F>",{"type":49,"value":222},{"type":43,"tag":125,"props":906,"children":907},{},[908,913,915,992,996,998],{"type":43,"tag":205,"props":909,"children":910},{},[911],{"type":49,"value":912},"Replace HeadOutlet Component Tag Helper",{"type":49,"value":914}," — replace:",{"type":43,"tag":457,"props":916,"children":920},{"className":917,"code":918,"language":919,"meta":462,"style":462},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ccomponent type=\"typeof(HeadOutlet)\" render-mode=\"ServerPrerendered\" \u002F>\n","html",[921],{"type":43,"tag":58,"props":922,"children":923},{"__ignoreMap":462},[924],{"type":43,"tag":468,"props":925,"children":926},{"class":470,"line":471},[927,933,939,945,950,955,961,965,970,974,978,983,987],{"type":43,"tag":468,"props":928,"children":930},{"style":929},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[931],{"type":49,"value":932},"\u003C",{"type":43,"tag":468,"props":934,"children":936},{"style":935},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[937],{"type":49,"value":938},"component",{"type":43,"tag":468,"props":940,"children":942},{"style":941},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[943],{"type":49,"value":944}," type",{"type":43,"tag":468,"props":946,"children":947},{"style":929},[948],{"type":49,"value":949},"=",{"type":43,"tag":468,"props":951,"children":952},{"style":929},[953],{"type":49,"value":954},"\"",{"type":43,"tag":468,"props":956,"children":958},{"style":957},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[959],{"type":49,"value":960},"typeof(HeadOutlet)",{"type":43,"tag":468,"props":962,"children":963},{"style":929},[964],{"type":49,"value":954},{"type":43,"tag":468,"props":966,"children":967},{"style":941},[968],{"type":49,"value":969}," render-mode",{"type":43,"tag":468,"props":971,"children":972},{"style":929},[973],{"type":49,"value":949},{"type":43,"tag":468,"props":975,"children":976},{"style":929},[977],{"type":49,"value":954},{"type":43,"tag":468,"props":979,"children":980},{"style":957},[981],{"type":49,"value":982},"ServerPrerendered",{"type":43,"tag":468,"props":984,"children":985},{"style":929},[986],{"type":49,"value":954},{"type":43,"tag":468,"props":988,"children":989},{"style":929},[990],{"type":49,"value":991}," \u002F>\n",{"type":43,"tag":993,"props":994,"children":995},"br",{},[],{"type":49,"value":997},"with:",{"type":43,"tag":457,"props":999,"children":1001},{"className":652,"code":1000,"language":654,"meta":462,"style":462},"\u003CHeadOutlet @rendermode=\"InteractiveServer\" \u002F>\n",[1002],{"type":43,"tag":58,"props":1003,"children":1004},{"__ignoreMap":462},[1005],{"type":43,"tag":468,"props":1006,"children":1007},{"class":470,"line":471},[1008],{"type":43,"tag":468,"props":1009,"children":1010},{},[1011],{"type":49,"value":1000},{"type":43,"tag":125,"props":1013,"children":1014},{},[1015,1020,1021,1084,1087,1088],{"type":43,"tag":205,"props":1016,"children":1017},{},[1018],{"type":49,"value":1019},"Replace App Component Tag Helper with Routes",{"type":49,"value":914},{"type":43,"tag":457,"props":1022,"children":1024},{"className":917,"code":1023,"language":919,"meta":462,"style":462},"\u003Ccomponent type=\"typeof(App)\" render-mode=\"ServerPrerendered\" \u002F>\n",[1025],{"type":43,"tag":58,"props":1026,"children":1027},{"__ignoreMap":462},[1028],{"type":43,"tag":468,"props":1029,"children":1030},{"class":470,"line":471},[1031,1035,1039,1043,1047,1051,1056,1060,1064,1068,1072,1076,1080],{"type":43,"tag":468,"props":1032,"children":1033},{"style":929},[1034],{"type":49,"value":932},{"type":43,"tag":468,"props":1036,"children":1037},{"style":935},[1038],{"type":49,"value":938},{"type":43,"tag":468,"props":1040,"children":1041},{"style":941},[1042],{"type":49,"value":944},{"type":43,"tag":468,"props":1044,"children":1045},{"style":929},[1046],{"type":49,"value":949},{"type":43,"tag":468,"props":1048,"children":1049},{"style":929},[1050],{"type":49,"value":954},{"type":43,"tag":468,"props":1052,"children":1053},{"style":957},[1054],{"type":49,"value":1055},"typeof(App)",{"type":43,"tag":468,"props":1057,"children":1058},{"style":929},[1059],{"type":49,"value":954},{"type":43,"tag":468,"props":1061,"children":1062},{"style":941},[1063],{"type":49,"value":969},{"type":43,"tag":468,"props":1065,"children":1066},{"style":929},[1067],{"type":49,"value":949},{"type":43,"tag":468,"props":1069,"children":1070},{"style":929},[1071],{"type":49,"value":954},{"type":43,"tag":468,"props":1073,"children":1074},{"style":957},[1075],{"type":49,"value":982},{"type":43,"tag":468,"props":1077,"children":1078},{"style":929},[1079],{"type":49,"value":954},{"type":43,"tag":468,"props":1081,"children":1082},{"style":929},[1083],{"type":49,"value":991},{"type":43,"tag":993,"props":1085,"children":1086},{},[],{"type":49,"value":997},{"type":43,"tag":457,"props":1089,"children":1091},{"className":652,"code":1090,"language":654,"meta":462,"style":462},"\u003CRoutes @rendermode=\"InteractiveServer\" \u002F>\n",[1092],{"type":43,"tag":58,"props":1093,"children":1094},{"__ignoreMap":462},[1095],{"type":43,"tag":468,"props":1096,"children":1097},{"class":470,"line":471},[1098],{"type":43,"tag":468,"props":1099,"children":1100},{},[1101],{"type":49,"value":1090},{"type":43,"tag":125,"props":1103,"children":1104},{},[1105,1110,1111,1241,1244,1245],{"type":43,"tag":205,"props":1106,"children":1107},{},[1108],{"type":49,"value":1109},"Replace Environment Tag Helpers",{"type":49,"value":914},{"type":43,"tag":457,"props":1112,"children":1114},{"className":917,"code":1113,"language":919,"meta":462,"style":462},"\u003Cenvironment include=\"Staging,Production\">\n    An error has occurred. This application may no longer respond until reloaded.\n\u003C\u002Fenvironment>\n\u003Cenvironment include=\"Development\">\n    An unhandled exception has occurred. See browser dev tools for details.\n\u003C\u002Fenvironment>\n",[1115],{"type":43,"tag":58,"props":1116,"children":1117},{"__ignoreMap":462},[1118,1157,1166,1182,1218,1226],{"type":43,"tag":468,"props":1119,"children":1120},{"class":470,"line":471},[1121,1125,1130,1135,1139,1143,1148,1152],{"type":43,"tag":468,"props":1122,"children":1123},{"style":929},[1124],{"type":49,"value":932},{"type":43,"tag":468,"props":1126,"children":1127},{"style":935},[1128],{"type":49,"value":1129},"environment",{"type":43,"tag":468,"props":1131,"children":1132},{"style":941},[1133],{"type":49,"value":1134}," include",{"type":43,"tag":468,"props":1136,"children":1137},{"style":929},[1138],{"type":49,"value":949},{"type":43,"tag":468,"props":1140,"children":1141},{"style":929},[1142],{"type":49,"value":954},{"type":43,"tag":468,"props":1144,"children":1145},{"style":957},[1146],{"type":49,"value":1147},"Staging,Production",{"type":43,"tag":468,"props":1149,"children":1150},{"style":929},[1151],{"type":49,"value":954},{"type":43,"tag":468,"props":1153,"children":1154},{"style":929},[1155],{"type":49,"value":1156},">\n",{"type":43,"tag":468,"props":1158,"children":1159},{"class":470,"line":669},[1160],{"type":43,"tag":468,"props":1161,"children":1163},{"style":1162},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1164],{"type":49,"value":1165},"    An error has occurred. This application may no longer respond until reloaded.\n",{"type":43,"tag":468,"props":1167,"children":1168},{"class":470,"line":678},[1169,1174,1178],{"type":43,"tag":468,"props":1170,"children":1171},{"style":929},[1172],{"type":49,"value":1173},"\u003C\u002F",{"type":43,"tag":468,"props":1175,"children":1176},{"style":935},[1177],{"type":49,"value":1129},{"type":43,"tag":468,"props":1179,"children":1180},{"style":929},[1181],{"type":49,"value":1156},{"type":43,"tag":468,"props":1183,"children":1184},{"class":470,"line":687},[1185,1189,1193,1197,1201,1205,1210,1214],{"type":43,"tag":468,"props":1186,"children":1187},{"style":929},[1188],{"type":49,"value":932},{"type":43,"tag":468,"props":1190,"children":1191},{"style":935},[1192],{"type":49,"value":1129},{"type":43,"tag":468,"props":1194,"children":1195},{"style":941},[1196],{"type":49,"value":1134},{"type":43,"tag":468,"props":1198,"children":1199},{"style":929},[1200],{"type":49,"value":949},{"type":43,"tag":468,"props":1202,"children":1203},{"style":929},[1204],{"type":49,"value":954},{"type":43,"tag":468,"props":1206,"children":1207},{"style":957},[1208],{"type":49,"value":1209},"Development",{"type":43,"tag":468,"props":1211,"children":1212},{"style":929},[1213],{"type":49,"value":954},{"type":43,"tag":468,"props":1215,"children":1216},{"style":929},[1217],{"type":49,"value":1156},{"type":43,"tag":468,"props":1219,"children":1220},{"class":470,"line":696},[1221],{"type":43,"tag":468,"props":1222,"children":1223},{"style":1162},[1224],{"type":49,"value":1225},"    An unhandled exception has occurred. See browser dev tools for details.\n",{"type":43,"tag":468,"props":1227,"children":1228},{"class":470,"line":705},[1229,1233,1237],{"type":43,"tag":468,"props":1230,"children":1231},{"style":929},[1232],{"type":49,"value":1173},{"type":43,"tag":468,"props":1234,"children":1235},{"style":935},[1236],{"type":49,"value":1129},{"type":43,"tag":468,"props":1238,"children":1239},{"style":929},[1240],{"type":49,"value":1156},{"type":43,"tag":993,"props":1242,"children":1243},{},[],{"type":49,"value":997},{"type":43,"tag":457,"props":1246,"children":1248},{"className":652,"code":1247,"language":654,"meta":462,"style":462},"@if (Env.IsDevelopment())\n{\n    \u003Ctext>\n        An unhandled exception has occurred. See browser dev tools for details.\n    \u003C\u002Ftext>\n}\nelse\n{\n    \u003Ctext>\n        An error has occurred. This app may no longer respond until reloaded.\n    \u003C\u002Ftext>\n}\n",[1249],{"type":43,"tag":58,"props":1250,"children":1251},{"__ignoreMap":462},[1252,1260,1268,1276,1284,1292,1300,1308,1315,1322,1330,1337],{"type":43,"tag":468,"props":1253,"children":1254},{"class":470,"line":471},[1255],{"type":43,"tag":468,"props":1256,"children":1257},{},[1258],{"type":49,"value":1259},"@if (Env.IsDevelopment())\n",{"type":43,"tag":468,"props":1261,"children":1262},{"class":470,"line":669},[1263],{"type":43,"tag":468,"props":1264,"children":1265},{},[1266],{"type":49,"value":1267},"{\n",{"type":43,"tag":468,"props":1269,"children":1270},{"class":470,"line":678},[1271],{"type":43,"tag":468,"props":1272,"children":1273},{},[1274],{"type":49,"value":1275},"    \u003Ctext>\n",{"type":43,"tag":468,"props":1277,"children":1278},{"class":470,"line":687},[1279],{"type":43,"tag":468,"props":1280,"children":1281},{},[1282],{"type":49,"value":1283},"        An unhandled exception has occurred. See browser dev tools for details.\n",{"type":43,"tag":468,"props":1285,"children":1286},{"class":470,"line":696},[1287],{"type":43,"tag":468,"props":1288,"children":1289},{},[1290],{"type":49,"value":1291},"    \u003C\u002Ftext>\n",{"type":43,"tag":468,"props":1293,"children":1294},{"class":470,"line":705},[1295],{"type":43,"tag":468,"props":1296,"children":1297},{},[1298],{"type":49,"value":1299},"}\n",{"type":43,"tag":468,"props":1301,"children":1302},{"class":470,"line":714},[1303],{"type":43,"tag":468,"props":1304,"children":1305},{},[1306],{"type":49,"value":1307},"else\n",{"type":43,"tag":468,"props":1309,"children":1310},{"class":470,"line":723},[1311],{"type":43,"tag":468,"props":1312,"children":1313},{},[1314],{"type":49,"value":1267},{"type":43,"tag":468,"props":1316,"children":1317},{"class":470,"line":732},[1318],{"type":43,"tag":468,"props":1319,"children":1320},{},[1321],{"type":49,"value":1275},{"type":43,"tag":468,"props":1323,"children":1324},{"class":470,"line":741},[1325],{"type":43,"tag":468,"props":1326,"children":1327},{},[1328],{"type":49,"value":1329},"        An error has occurred. This app may no longer respond until reloaded.\n",{"type":43,"tag":468,"props":1331,"children":1332},{"class":470,"line":750},[1333],{"type":43,"tag":468,"props":1334,"children":1335},{},[1336],{"type":49,"value":1291},{"type":43,"tag":468,"props":1338,"children":1340},{"class":470,"line":1339},12,[1341],{"type":43,"tag":468,"props":1342,"children":1343},{},[1344],{"type":49,"value":1299},{"type":43,"tag":125,"props":1346,"children":1347},{},[1348,1353,1354,1408,1411,1412],{"type":43,"tag":205,"props":1349,"children":1350},{},[1351],{"type":49,"value":1352},"Update the Blazor script",{"type":49,"value":914},{"type":43,"tag":457,"props":1355,"children":1357},{"className":917,"code":1356,"language":919,"meta":462,"style":462},"\u003Cscript src=\"_framework\u002Fblazor.server.js\">\u003C\u002Fscript>\n",[1358],{"type":43,"tag":58,"props":1359,"children":1360},{"__ignoreMap":462},[1361],{"type":43,"tag":468,"props":1362,"children":1363},{"class":470,"line":471},[1364,1368,1373,1378,1382,1386,1391,1395,1400,1404],{"type":43,"tag":468,"props":1365,"children":1366},{"style":929},[1367],{"type":49,"value":932},{"type":43,"tag":468,"props":1369,"children":1370},{"style":935},[1371],{"type":49,"value":1372},"script",{"type":43,"tag":468,"props":1374,"children":1375},{"style":941},[1376],{"type":49,"value":1377}," src",{"type":43,"tag":468,"props":1379,"children":1380},{"style":929},[1381],{"type":49,"value":949},{"type":43,"tag":468,"props":1383,"children":1384},{"style":929},[1385],{"type":49,"value":954},{"type":43,"tag":468,"props":1387,"children":1388},{"style":957},[1389],{"type":49,"value":1390},"_framework\u002Fblazor.server.js",{"type":43,"tag":468,"props":1392,"children":1393},{"style":929},[1394],{"type":49,"value":954},{"type":43,"tag":468,"props":1396,"children":1397},{"style":929},[1398],{"type":49,"value":1399},">\u003C\u002F",{"type":43,"tag":468,"props":1401,"children":1402},{"style":935},[1403],{"type":49,"value":1372},{"type":43,"tag":468,"props":1405,"children":1406},{"style":929},[1407],{"type":49,"value":1156},{"type":43,"tag":993,"props":1409,"children":1410},{},[],{"type":49,"value":997},{"type":43,"tag":457,"props":1413,"children":1415},{"className":917,"code":1414,"language":919,"meta":462,"style":462},"\u003Cscript src=\"_framework\u002Fblazor.web.js\">\u003C\u002Fscript>\n",[1416],{"type":43,"tag":58,"props":1417,"children":1418},{"__ignoreMap":462},[1419],{"type":43,"tag":468,"props":1420,"children":1421},{"class":470,"line":471},[1422,1426,1430,1434,1438,1442,1447,1451,1455,1459],{"type":43,"tag":468,"props":1423,"children":1424},{"style":929},[1425],{"type":49,"value":932},{"type":43,"tag":468,"props":1427,"children":1428},{"style":935},[1429],{"type":49,"value":1372},{"type":43,"tag":468,"props":1431,"children":1432},{"style":941},[1433],{"type":49,"value":1377},{"type":43,"tag":468,"props":1435,"children":1436},{"style":929},[1437],{"type":49,"value":949},{"type":43,"tag":468,"props":1439,"children":1440},{"style":929},[1441],{"type":49,"value":954},{"type":43,"tag":468,"props":1443,"children":1444},{"style":957},[1445],{"type":49,"value":1446},"_framework\u002Fblazor.web.js",{"type":43,"tag":468,"props":1448,"children":1449},{"style":929},[1450],{"type":49,"value":954},{"type":43,"tag":468,"props":1452,"children":1453},{"style":929},[1454],{"type":49,"value":1399},{"type":43,"tag":468,"props":1456,"children":1457},{"style":935},[1458],{"type":49,"value":1372},{"type":43,"tag":468,"props":1460,"children":1461},{"style":929},[1462],{"type":49,"value":1156},{"type":43,"tag":125,"props":1464,"children":1465},{},[1466,1471,1473,1479,1481],{"type":43,"tag":205,"props":1467,"children":1468},{},[1469],{"type":49,"value":1470},"Add render mode import",{"type":49,"value":1472}," — add to ",{"type":43,"tag":58,"props":1474,"children":1476},{"className":1475},[],[1477],{"type":49,"value":1478},"_Imports.razor",{"type":49,"value":1480},":",{"type":43,"tag":457,"props":1482,"children":1484},{"className":652,"code":1483,"language":654,"meta":462,"style":462},"@using static Microsoft.AspNetCore.Components.Web.RenderMode\n",[1485],{"type":43,"tag":58,"props":1486,"children":1487},{"__ignoreMap":462},[1488],{"type":43,"tag":468,"props":1489,"children":1490},{"class":470,"line":471},[1491],{"type":43,"tag":468,"props":1492,"children":1493},{},[1494],{"type":49,"value":1483},{"type":43,"tag":125,"props":1496,"children":1497},{},[1498,1508,1510,1516],{"type":43,"tag":205,"props":1499,"children":1500},{},[1501,1503],{"type":49,"value":1502},"Delete ",{"type":43,"tag":58,"props":1504,"children":1506},{"className":1505},[],[1507],{"type":49,"value":177},{"type":49,"value":1509}," (and ",{"type":43,"tag":58,"props":1511,"children":1513},{"className":1512},[],[1514],{"type":49,"value":1515},"Pages\u002F_Host.cshtml.cs",{"type":49,"value":1517}," if it exists).",{"type":43,"tag":52,"props":1519,"children":1520},{},[1521,1526,1528,1534,1536,1542,1544,1550,1551,1556,1558,1564,1565,1571],{"type":43,"tag":205,"props":1522,"children":1523},{},[1524],{"type":49,"value":1525},"Prerendering note:",{"type":49,"value":1527}," If the original app used ",{"type":43,"tag":58,"props":1529,"children":1531},{"className":1530},[],[1532],{"type":49,"value":1533},"render-mode=\"Server\"",{"type":49,"value":1535}," (not ",{"type":43,"tag":58,"props":1537,"children":1539},{"className":1538},[],[1540],{"type":49,"value":1541},"\"ServerPrerendered\"",{"type":49,"value":1543},"), prerendering was disabled. Preserve this by using ",{"type":43,"tag":58,"props":1545,"children":1547},{"className":1546},[],[1548],{"type":49,"value":1549},"new InteractiveServerRenderMode(prerender: false)",{"type":49,"value":769},{"type":43,"tag":58,"props":1552,"children":1554},{"className":1553},[],[1555],{"type":49,"value":110},{"type":49,"value":1557}," for both ",{"type":43,"tag":58,"props":1559,"children":1561},{"className":1560},[],[1562],{"type":49,"value":1563},"HeadOutlet",{"type":49,"value":142},{"type":43,"tag":58,"props":1566,"children":1568},{"className":1567},[],[1569],{"type":49,"value":1570},"Routes",{"type":49,"value":222},{"type":43,"tag":429,"props":1573,"children":1575},{"id":1574},"step-4-update-programcs",[1576,1578],{"type":49,"value":1577},"Step 4: Update ",{"type":43,"tag":58,"props":1579,"children":1581},{"className":1580},[],[1582],{"type":49,"value":156},{"type":43,"tag":52,"props":1584,"children":1585},{},[1586,1588,1593,1594,1599],{"type":49,"value":1587},"Make the following changes to ",{"type":43,"tag":58,"props":1589,"children":1591},{"className":1590},[],[1592],{"type":49,"value":156},{"type":49,"value":158},{"type":43,"tag":58,"props":1595,"children":1597},{"className":1596},[],[1598],{"type":49,"value":164},{"type":49,"value":1600}," if the app uses the older hosting pattern):",{"type":43,"tag":448,"props":1602,"children":1603},{},[1604,1795,1873,1897,1934],{"type":43,"tag":125,"props":1605,"children":1606},{},[1607,1612,1613,1629,1632,1633,1656,1659,1661,1666,1668,1674,1675],{"type":43,"tag":205,"props":1608,"children":1609},{},[1610],{"type":49,"value":1611},"Replace Blazor Server services",{"type":49,"value":914},{"type":43,"tag":457,"props":1614,"children":1618},{"className":1615,"code":1616,"language":1617,"meta":462,"style":462},"language-csharp shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","builder.Services.AddServerSideBlazor();\n","csharp",[1619],{"type":43,"tag":58,"props":1620,"children":1621},{"__ignoreMap":462},[1622],{"type":43,"tag":468,"props":1623,"children":1624},{"class":470,"line":471},[1625],{"type":43,"tag":468,"props":1626,"children":1627},{},[1628],{"type":49,"value":1616},{"type":43,"tag":993,"props":1630,"children":1631},{},[],{"type":49,"value":997},{"type":43,"tag":457,"props":1634,"children":1636},{"className":1615,"code":1635,"language":1617,"meta":462,"style":462},"builder.Services.AddRazorComponents()\n    .AddInteractiveServerComponents();\n",[1637],{"type":43,"tag":58,"props":1638,"children":1639},{"__ignoreMap":462},[1640,1648],{"type":43,"tag":468,"props":1641,"children":1642},{"class":470,"line":471},[1643],{"type":43,"tag":468,"props":1644,"children":1645},{},[1646],{"type":49,"value":1647},"builder.Services.AddRazorComponents()\n",{"type":43,"tag":468,"props":1649,"children":1650},{"class":470,"line":669},[1651],{"type":43,"tag":468,"props":1652,"children":1653},{},[1654],{"type":49,"value":1655},"    .AddInteractiveServerComponents();\n",{"type":43,"tag":993,"props":1657,"children":1658},{},[],{"type":49,"value":1660},"If ",{"type":43,"tag":58,"props":1662,"children":1664},{"className":1663},[],[1665],{"type":49,"value":63},{"type":49,"value":1667}," had options configured (e.g., circuit options, hub options, detailed errors), migrate them to ",{"type":43,"tag":58,"props":1669,"children":1671},{"className":1670},[],[1672],{"type":49,"value":1673},"AddInteractiveServerComponents",{"type":49,"value":1480},{"type":43,"tag":457,"props":1676,"children":1678},{"className":1615,"code":1677,"language":1617,"meta":462,"style":462},"\u002F\u002F Old:\nbuilder.Services.AddServerSideBlazor(options =>\n{\n    options.DetailedErrors = true;\n    options.DisconnectedCircuitRetentionPeriod = TimeSpan.FromMinutes(10);\n});\n\n\u002F\u002F New:\nbuilder.Services.AddRazorComponents()\n    .AddInteractiveServerComponents(options =>\n    {\n        options.DetailedErrors = true;\n        options.DisconnectedCircuitRetentionPeriod = TimeSpan.FromMinutes(10);\n    });\n",[1679],{"type":43,"tag":58,"props":1680,"children":1681},{"__ignoreMap":462},[1682,1690,1698,1705,1713,1721,1729,1738,1746,1753,1761,1769,1777,1786],{"type":43,"tag":468,"props":1683,"children":1684},{"class":470,"line":471},[1685],{"type":43,"tag":468,"props":1686,"children":1687},{},[1688],{"type":49,"value":1689},"\u002F\u002F Old:\n",{"type":43,"tag":468,"props":1691,"children":1692},{"class":470,"line":669},[1693],{"type":43,"tag":468,"props":1694,"children":1695},{},[1696],{"type":49,"value":1697},"builder.Services.AddServerSideBlazor(options =>\n",{"type":43,"tag":468,"props":1699,"children":1700},{"class":470,"line":678},[1701],{"type":43,"tag":468,"props":1702,"children":1703},{},[1704],{"type":49,"value":1267},{"type":43,"tag":468,"props":1706,"children":1707},{"class":470,"line":687},[1708],{"type":43,"tag":468,"props":1709,"children":1710},{},[1711],{"type":49,"value":1712},"    options.DetailedErrors = true;\n",{"type":43,"tag":468,"props":1714,"children":1715},{"class":470,"line":696},[1716],{"type":43,"tag":468,"props":1717,"children":1718},{},[1719],{"type":49,"value":1720},"    options.DisconnectedCircuitRetentionPeriod = TimeSpan.FromMinutes(10);\n",{"type":43,"tag":468,"props":1722,"children":1723},{"class":470,"line":705},[1724],{"type":43,"tag":468,"props":1725,"children":1726},{},[1727],{"type":49,"value":1728},"});\n",{"type":43,"tag":468,"props":1730,"children":1731},{"class":470,"line":714},[1732],{"type":43,"tag":468,"props":1733,"children":1735},{"emptyLinePlaceholder":1734},true,[1736],{"type":49,"value":1737},"\n",{"type":43,"tag":468,"props":1739,"children":1740},{"class":470,"line":723},[1741],{"type":43,"tag":468,"props":1742,"children":1743},{},[1744],{"type":49,"value":1745},"\u002F\u002F New:\n",{"type":43,"tag":468,"props":1747,"children":1748},{"class":470,"line":732},[1749],{"type":43,"tag":468,"props":1750,"children":1751},{},[1752],{"type":49,"value":1647},{"type":43,"tag":468,"props":1754,"children":1755},{"class":470,"line":741},[1756],{"type":43,"tag":468,"props":1757,"children":1758},{},[1759],{"type":49,"value":1760},"    .AddInteractiveServerComponents(options =>\n",{"type":43,"tag":468,"props":1762,"children":1763},{"class":470,"line":750},[1764],{"type":43,"tag":468,"props":1765,"children":1766},{},[1767],{"type":49,"value":1768},"    {\n",{"type":43,"tag":468,"props":1770,"children":1771},{"class":470,"line":1339},[1772],{"type":43,"tag":468,"props":1773,"children":1774},{},[1775],{"type":49,"value":1776},"        options.DetailedErrors = true;\n",{"type":43,"tag":468,"props":1778,"children":1780},{"class":470,"line":1779},13,[1781],{"type":43,"tag":468,"props":1782,"children":1783},{},[1784],{"type":49,"value":1785},"        options.DisconnectedCircuitRetentionPeriod = TimeSpan.FromMinutes(10);\n",{"type":43,"tag":468,"props":1787,"children":1789},{"class":470,"line":1788},14,[1790],{"type":43,"tag":468,"props":1791,"children":1792},{},[1793],{"type":49,"value":1794},"    });\n",{"type":43,"tag":125,"props":1796,"children":1797},{},[1798,1803,1804,1818,1821,1822,1845,1848,1850,1856,1858,1864,1866,1871],{"type":43,"tag":205,"props":1799,"children":1800},{},[1801],{"type":49,"value":1802},"Replace Blazor endpoint mapping",{"type":49,"value":914},{"type":43,"tag":457,"props":1805,"children":1807},{"className":1615,"code":1806,"language":1617,"meta":462,"style":462},"app.MapBlazorHub();\n",[1808],{"type":43,"tag":58,"props":1809,"children":1810},{"__ignoreMap":462},[1811],{"type":43,"tag":468,"props":1812,"children":1813},{"class":470,"line":471},[1814],{"type":43,"tag":468,"props":1815,"children":1816},{},[1817],{"type":49,"value":1806},{"type":43,"tag":993,"props":1819,"children":1820},{},[],{"type":49,"value":997},{"type":43,"tag":457,"props":1823,"children":1825},{"className":1615,"code":1824,"language":1617,"meta":462,"style":462},"app.MapRazorComponents\u003CApp>()\n    .AddInteractiveServerRenderMode();\n",[1826],{"type":43,"tag":58,"props":1827,"children":1828},{"__ignoreMap":462},[1829,1837],{"type":43,"tag":468,"props":1830,"children":1831},{"class":470,"line":471},[1832],{"type":43,"tag":468,"props":1833,"children":1834},{},[1835],{"type":49,"value":1836},"app.MapRazorComponents\u003CApp>()\n",{"type":43,"tag":468,"props":1838,"children":1839},{"class":470,"line":669},[1840],{"type":43,"tag":468,"props":1841,"children":1842},{},[1843],{"type":49,"value":1844},"    .AddInteractiveServerRenderMode();\n",{"type":43,"tag":993,"props":1846,"children":1847},{},[],{"type":49,"value":1849},"Ensure there is a ",{"type":43,"tag":58,"props":1851,"children":1853},{"className":1852},[],[1854],{"type":49,"value":1855},"using",{"type":49,"value":1857}," statement for the project's root namespace so that ",{"type":43,"tag":58,"props":1859,"children":1861},{"className":1860},[],[1862],{"type":49,"value":1863},"App",{"type":49,"value":1865}," resolves to the ",{"type":43,"tag":58,"props":1867,"children":1869},{"className":1868},[],[1870],{"type":49,"value":102},{"type":49,"value":1872}," component.",{"type":43,"tag":125,"props":1874,"children":1875},{},[1876,1881,1883],{"type":43,"tag":205,"props":1877,"children":1878},{},[1879],{"type":49,"value":1880},"Remove the fallback route",{"type":49,"value":1882}," — delete:",{"type":43,"tag":457,"props":1884,"children":1886},{"className":1615,"code":1885,"language":1617,"meta":462,"style":462},"app.MapFallbackToPage(\"\u002F_Host\");\n",[1887],{"type":43,"tag":58,"props":1888,"children":1889},{"__ignoreMap":462},[1890],{"type":43,"tag":468,"props":1891,"children":1892},{"class":470,"line":471},[1893],{"type":43,"tag":468,"props":1894,"children":1895},{},[1896],{"type":49,"value":1885},{"type":43,"tag":125,"props":1898,"children":1899},{},[1900,1905,1907,1921,1924,1926,1932],{"type":43,"tag":205,"props":1901,"children":1902},{},[1903],{"type":49,"value":1904},"Remove explicit routing middleware",{"type":49,"value":1906}," — delete if present:",{"type":43,"tag":457,"props":1908,"children":1910},{"className":1615,"code":1909,"language":1617,"meta":462,"style":462},"app.UseRouting();\n",[1911],{"type":43,"tag":58,"props":1912,"children":1913},{"__ignoreMap":462},[1914],{"type":43,"tag":468,"props":1915,"children":1916},{"class":470,"line":471},[1917],{"type":43,"tag":468,"props":1918,"children":1919},{},[1920],{"type":49,"value":1909},{"type":43,"tag":993,"props":1922,"children":1923},{},[],{"type":49,"value":1925},"Endpoint routing is the default and explicit ",{"type":43,"tag":58,"props":1927,"children":1929},{"className":1928},[],[1930],{"type":49,"value":1931},"UseRouting()",{"type":49,"value":1933}," is no longer needed.",{"type":43,"tag":125,"props":1935,"children":1936},{},[1937,1942,1944,1950,1951,1957,1959,1973,1976,1981],{"type":43,"tag":205,"props":1938,"children":1939},{},[1940],{"type":49,"value":1941},"Add antiforgery middleware",{"type":49,"value":1943}," — add after ",{"type":43,"tag":58,"props":1945,"children":1947},{"className":1946},[],[1948],{"type":49,"value":1949},"UseAuthentication",{"type":49,"value":65},{"type":43,"tag":58,"props":1952,"children":1954},{"className":1953},[],[1955],{"type":49,"value":1956},"UseAuthorization",{"type":49,"value":1958}," if present:",{"type":43,"tag":457,"props":1960,"children":1962},{"className":1615,"code":1961,"language":1617,"meta":462,"style":462},"app.UseAntiforgery();\n",[1963],{"type":43,"tag":58,"props":1964,"children":1965},{"__ignoreMap":462},[1966],{"type":43,"tag":468,"props":1967,"children":1968},{"class":470,"line":471},[1969],{"type":43,"tag":468,"props":1970,"children":1971},{},[1972],{"type":49,"value":1961},{"type":43,"tag":993,"props":1974,"children":1975},{},[],{"type":43,"tag":58,"props":1977,"children":1979},{"className":1978},[],[1980],{"type":49,"value":87},{"type":49,"value":1982}," registers antiforgery services automatically, but the middleware must be explicitly added to the pipeline. Without it, form POST requests fail with 400 errors.",{"type":43,"tag":429,"props":1984,"children":1986},{"id":1985},"step-5-migrate-cascadingauthenticationstate-if-present",[1987,1989,1995],{"type":49,"value":1988},"Step 5: Migrate ",{"type":43,"tag":58,"props":1990,"children":1992},{"className":1991},[],[1993],{"type":49,"value":1994},"CascadingAuthenticationState",{"type":49,"value":1996}," (if present)",{"type":43,"tag":52,"props":1998,"children":1999},{},[2000,2002,2007],{"type":49,"value":2001},"If the app used ",{"type":43,"tag":58,"props":2003,"children":2005},{"className":2004},[],[2006],{"type":49,"value":623},{"type":49,"value":2008}," to wrap the router:",{"type":43,"tag":448,"props":2010,"children":2011},{},[2012,2024],{"type":43,"tag":125,"props":2013,"children":2014},{},[2015,2017,2022],{"type":49,"value":2016},"Remove the ",{"type":43,"tag":58,"props":2018,"children":2020},{"className":2019},[],[2021],{"type":49,"value":623},{"type":49,"value":2023}," component wrapper (already done in Step 2 if following this workflow).",{"type":43,"tag":125,"props":2025,"children":2026},{},[2027,2029,2034,2036],{"type":49,"value":2028},"Add the cascading authentication state service in ",{"type":43,"tag":58,"props":2030,"children":2032},{"className":2031},[],[2033],{"type":49,"value":156},{"type":49,"value":2035},":\n",{"type":43,"tag":457,"props":2037,"children":2039},{"className":1615,"code":2038,"language":1617,"meta":462,"style":462},"builder.Services.AddCascadingAuthenticationState();\n",[2040],{"type":43,"tag":58,"props":2041,"children":2042},{"__ignoreMap":462},[2043],{"type":43,"tag":468,"props":2044,"children":2045},{"class":470,"line":471},[2046],{"type":43,"tag":468,"props":2047,"children":2048},{},[2049],{"type":49,"value":2038},{"type":43,"tag":52,"props":2051,"children":2052},{},[2053,2055,2061],{"type":49,"value":2054},"The component wrapper approach does not work across render mode boundaries in Blazor Web Apps. The service-based approach provides ",{"type":43,"tag":58,"props":2056,"children":2058},{"className":2057},[],[2059],{"type":49,"value":2060},"Task\u003CAuthenticationState>",{"type":49,"value":2062}," as a cascading value to all components regardless of render mode.",{"type":43,"tag":429,"props":2064,"children":2066},{"id":2065},"step-6-recommended-improvements-optional",[2067],{"type":49,"value":2068},"Step 6: Recommended improvements (optional)",{"type":43,"tag":52,"props":2070,"children":2071},{},[2072],{"type":49,"value":2073},"These are optional modernization improvements — not required for the conversion to work. If you suggest any of these, state explicitly that they are optional.",{"type":43,"tag":121,"props":2075,"children":2076},{},[2077,2116,2140,2173],{"type":43,"tag":125,"props":2078,"children":2079},{},[2080,2098,2100,2106,2108,2115],{"type":43,"tag":205,"props":2081,"children":2082},{},[2083,2085,2091,2092],{"type":49,"value":2084},"Replace ",{"type":43,"tag":58,"props":2086,"children":2088},{"className":2087},[],[2089],{"type":49,"value":2090},"UseStaticFiles",{"type":49,"value":897},{"type":43,"tag":58,"props":2093,"children":2095},{"className":2094},[],[2096],{"type":49,"value":2097},"MapStaticAssets",{"type":49,"value":2099}," (.NET 9+): ",{"type":43,"tag":58,"props":2101,"children":2103},{"className":2102},[],[2104],{"type":49,"value":2105},"app.MapStaticAssets()",{"type":49,"value":2107}," provides optimized static file serving with fingerprinting, pre-compression, and content-based ETags. See ",{"type":43,"tag":518,"props":2109,"children":2112},{"href":2110,"rel":2111},"https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Ffundamentals\u002Fstatic-files#mapstaticassets",[522],[2113],{"type":49,"value":2114},"MapStaticAssets documentation",{"type":49,"value":222},{"type":43,"tag":125,"props":2117,"children":2118},{},[2119,2130,2132,2138],{"type":43,"tag":205,"props":2120,"children":2121},{},[2122,2124],{"type":49,"value":2123},"Add ",{"type":43,"tag":58,"props":2125,"children":2127},{"className":2126},[],[2128],{"type":49,"value":2129},"@attribute [StreamRendering]",{"type":49,"value":2131}," to pages with async data loading (",{"type":43,"tag":58,"props":2133,"children":2135},{"className":2134},[],[2136],{"type":49,"value":2137},"OnInitializedAsync",{"type":49,"value":2139},") for improved perceived performance. The page renders its initial synchronous content immediately and re-renders when async data arrives.",{"type":43,"tag":125,"props":2141,"children":2142},{},[2143,2148,2150,2156,2158,2164,2166,2172],{"type":43,"tag":205,"props":2144,"children":2145},{},[2146],{"type":49,"value":2147},"Update CSS isolation bundle reference",{"type":49,"value":2149}," if the ",{"type":43,"tag":58,"props":2151,"children":2153},{"className":2152},[],[2154],{"type":49,"value":2155},"\u003Clink>",{"type":49,"value":2157}," tag referenced a ",{"type":43,"tag":58,"props":2159,"children":2161},{"className":2160},[],[2162],{"type":49,"value":2163},"_Host",{"type":49,"value":2165}," assembly name; ensure it matches the project's actual assembly name: ",{"type":43,"tag":58,"props":2167,"children":2169},{"className":2168},[],[2170],{"type":49,"value":2171},"\u003Clink href=\"{AssemblyName}.styles.css\" rel=\"stylesheet\" \u002F>",{"type":49,"value":222},{"type":43,"tag":125,"props":2174,"children":2175},{},[2176,2178,2183],{"type":49,"value":2177},"For other non-Blazor improvements (minimal hosting, HTTP\u002F3, output caching, etc.), see the ",{"type":43,"tag":518,"props":2179,"children":2181},{"href":520,"rel":2180},[522],[2182],{"type":49,"value":525},{"type":49,"value":222},{"type":43,"tag":429,"props":2185,"children":2187},{"id":2186},"step-7-verify-the-migration",[2188],{"type":49,"value":2189},"Step 7: Verify the migration",{"type":43,"tag":448,"props":2191,"children":2192},{},[2193,2198,2248,2276],{"type":43,"tag":125,"props":2194,"children":2195},{},[2196],{"type":49,"value":2197},"Build the project targeting the new framework. Confirm no compile errors.",{"type":43,"tag":125,"props":2199,"children":2200},{},[2201,2203],{"type":49,"value":2202},"Search for remaining references to removed APIs:\n",{"type":43,"tag":121,"props":2204,"children":2205},{},[2206,2214,2222,2231,2240],{"type":43,"tag":125,"props":2207,"children":2208},{},[2209],{"type":43,"tag":58,"props":2210,"children":2212},{"className":2211},[],[2213],{"type":49,"value":63},{"type":43,"tag":125,"props":2215,"children":2216},{},[2217],{"type":43,"tag":58,"props":2218,"children":2220},{"className":2219},[],[2221],{"type":49,"value":71},{"type":43,"tag":125,"props":2223,"children":2224},{},[2225],{"type":43,"tag":58,"props":2226,"children":2228},{"className":2227},[],[2229],{"type":49,"value":2230},"MapFallbackToPage",{"type":43,"tag":125,"props":2232,"children":2233},{},[2234],{"type":43,"tag":58,"props":2235,"children":2237},{"className":2236},[],[2238],{"type":49,"value":2239},"blazor.server.js",{"type":43,"tag":125,"props":2241,"children":2242},{},[2243],{"type":43,"tag":58,"props":2244,"children":2246},{"className":2245},[],[2247],{"type":49,"value":79},{"type":43,"tag":125,"props":2249,"children":2250},{},[2251,2253],{"type":49,"value":2252},"Run the app and verify:\n",{"type":43,"tag":121,"props":2254,"children":2255},{},[2256,2261,2266,2271],{"type":43,"tag":125,"props":2257,"children":2258},{},[2259],{"type":49,"value":2260},"Pages load and render correctly",{"type":43,"tag":125,"props":2262,"children":2263},{},[2264],{"type":49,"value":2265},"Interactive features work (forms, event handlers, SignalR circuits)",{"type":43,"tag":125,"props":2267,"children":2268},{},[2269],{"type":49,"value":2270},"Navigation between pages works",{"type":43,"tag":125,"props":2272,"children":2273},{},[2274],{"type":49,"value":2275},"Authentication and authorization flows work if present",{"type":43,"tag":125,"props":2277,"children":2278},{},[2279],{"type":49,"value":2280},"Run existing tests.",{"type":43,"tag":114,"props":2282,"children":2284},{"id":2283},"validation",[2285],{"type":49,"value":2286},"Validation",{"type":43,"tag":121,"props":2288,"children":2291},{"className":2289},[2290],"contains-task-list",[2292,2311,2325,2340,2354,2370,2385,2406,2427,2447,2463,2487],{"type":43,"tag":125,"props":2293,"children":2296},{"className":2294},[2295],"task-list-item",[2297,2302,2304,2309],{"type":43,"tag":2298,"props":2299,"children":2301},"input",{"disabled":1734,"type":2300},"checkbox",[],{"type":49,"value":2303}," No references to ",{"type":43,"tag":58,"props":2305,"children":2307},{"className":2306},[],[2308],{"type":49,"value":63},{"type":49,"value":2310}," remain",{"type":43,"tag":125,"props":2312,"children":2314},{"className":2313},[2295],[2315,2318,2319,2324],{"type":43,"tag":2298,"props":2316,"children":2317},{"disabled":1734,"type":2300},[],{"type":49,"value":2303},{"type":43,"tag":58,"props":2320,"children":2322},{"className":2321},[],[2323],{"type":49,"value":71},{"type":49,"value":2310},{"type":43,"tag":125,"props":2326,"children":2328},{"className":2327},[2295],[2329,2332,2333,2339],{"type":43,"tag":2298,"props":2330,"children":2331},{"disabled":1734,"type":2300},[],{"type":49,"value":2303},{"type":43,"tag":58,"props":2334,"children":2336},{"className":2335},[],[2337],{"type":49,"value":2338},"MapFallbackToPage(\"\u002F_Host\")",{"type":49,"value":2310},{"type":43,"tag":125,"props":2341,"children":2343},{"className":2342},[2295],[2344,2347,2348,2353],{"type":43,"tag":2298,"props":2345,"children":2346},{"disabled":1734,"type":2300},[],{"type":49,"value":2303},{"type":43,"tag":58,"props":2349,"children":2351},{"className":2350},[],[2352],{"type":49,"value":2239},{"type":49,"value":2310},{"type":43,"tag":125,"props":2355,"children":2357},{"className":2356},[2295],[2358,2361,2363,2368],{"type":43,"tag":2298,"props":2359,"children":2360},{"disabled":1734,"type":2300},[],{"type":49,"value":2362}," ",{"type":43,"tag":58,"props":2364,"children":2366},{"className":2365},[],[2367],{"type":49,"value":177},{"type":49,"value":2369}," has been deleted",{"type":43,"tag":125,"props":2371,"children":2373},{"className":2372},[2295],[2374,2377,2378,2383],{"type":43,"tag":2298,"props":2375,"children":2376},{"disabled":1734,"type":2300},[],{"type":49,"value":2362},{"type":43,"tag":58,"props":2379,"children":2381},{"className":2380},[],[2382],{"type":49,"value":102},{"type":49,"value":2384}," serves as the root component with a full HTML document structure",{"type":43,"tag":125,"props":2386,"children":2388},{"className":2387},[2295],[2389,2392,2393,2398,2399,2404],{"type":43,"tag":2298,"props":2390,"children":2391},{"disabled":1734,"type":2300},[],{"type":49,"value":2362},{"type":43,"tag":58,"props":2394,"children":2396},{"className":2395},[],[2397],{"type":49,"value":538},{"type":49,"value":557},{"type":43,"tag":58,"props":2400,"children":2402},{"className":2401},[],[2403],{"type":49,"value":563},{"type":49,"value":2405}," configuration",{"type":43,"tag":125,"props":2407,"children":2409},{"className":2408},[2295],[2410,2413,2414,2419,2421],{"type":43,"tag":2298,"props":2411,"children":2412},{"disabled":1734,"type":2300},[],{"type":49,"value":2362},{"type":43,"tag":58,"props":2415,"children":2417},{"className":2416},[],[2418],{"type":49,"value":156},{"type":49,"value":2420}," uses ",{"type":43,"tag":58,"props":2422,"children":2424},{"className":2423},[],[2425],{"type":49,"value":2426},"AddRazorComponents().AddInteractiveServerComponents()",{"type":43,"tag":125,"props":2428,"children":2430},{"className":2429},[2295],[2431,2434,2435,2440,2441],{"type":43,"tag":2298,"props":2432,"children":2433},{"disabled":1734,"type":2300},[],{"type":49,"value":2362},{"type":43,"tag":58,"props":2436,"children":2438},{"className":2437},[],[2439],{"type":49,"value":156},{"type":49,"value":2420},{"type":43,"tag":58,"props":2442,"children":2444},{"className":2443},[],[2445],{"type":49,"value":2446},"MapRazorComponents\u003CApp>().AddInteractiveServerRenderMode()",{"type":43,"tag":125,"props":2448,"children":2450},{"className":2449},[2295],[2451,2454,2455,2461],{"type":43,"tag":2298,"props":2452,"children":2453},{"disabled":1734,"type":2300},[],{"type":49,"value":2362},{"type":43,"tag":58,"props":2456,"children":2458},{"className":2457},[],[2459],{"type":49,"value":2460},"app.UseAntiforgery()",{"type":49,"value":2462}," is present in the middleware pipeline",{"type":43,"tag":125,"props":2464,"children":2466},{"className":2465},[2295],[2467,2470,2472,2477,2479,2485],{"type":43,"tag":2298,"props":2468,"children":2469},{"disabled":1734,"type":2300},[],{"type":49,"value":2471}," If the app used ",{"type":43,"tag":58,"props":2473,"children":2475},{"className":2474},[],[2476],{"type":49,"value":623},{"type":49,"value":2478},", it has been replaced with ",{"type":43,"tag":58,"props":2480,"children":2482},{"className":2481},[],[2483],{"type":49,"value":2484},"AddCascadingAuthenticationState()",{"type":49,"value":2486}," service registration",{"type":43,"tag":125,"props":2488,"children":2490},{"className":2489},[2295],[2491,2494],{"type":43,"tag":2298,"props":2492,"children":2493},{"disabled":1734,"type":2300},[],{"type":49,"value":2495}," App builds and runs successfully on the target framework",{"type":43,"tag":114,"props":2497,"children":2499},{"id":2498},"common-pitfalls",[2500],{"type":49,"value":2501},"Common Pitfalls",{"type":43,"tag":247,"props":2503,"children":2504},{},[2505,2521],{"type":43,"tag":251,"props":2506,"children":2507},{},[2508],{"type":43,"tag":255,"props":2509,"children":2510},{},[2511,2516],{"type":43,"tag":259,"props":2512,"children":2513},{},[2514],{"type":49,"value":2515},"Pitfall",{"type":43,"tag":259,"props":2517,"children":2518},{},[2519],{"type":49,"value":2520},"Solution",{"type":43,"tag":275,"props":2522,"children":2523},{},[2524,2570,2607,2635,2663,2710,2738,2769],{"type":43,"tag":255,"props":2525,"children":2526},{},[2527,2540],{"type":43,"tag":282,"props":2528,"children":2529},{},[2530,2532,2538],{"type":49,"value":2531},"Missing ",{"type":43,"tag":58,"props":2533,"children":2535},{"className":2534},[],[2536],{"type":49,"value":2537},"UseAntiforgery()",{"type":49,"value":2539}," middleware",{"type":43,"tag":282,"props":2541,"children":2542},{},[2543,2548,2550,2555,2557,2562,2563,2568],{"type":43,"tag":58,"props":2544,"children":2546},{"className":2545},[],[2547],{"type":49,"value":87},{"type":49,"value":2549}," registers antiforgery services, but the middleware must be explicitly added. Place ",{"type":43,"tag":58,"props":2551,"children":2553},{"className":2552},[],[2554],{"type":49,"value":2460},{"type":49,"value":2556}," after ",{"type":43,"tag":58,"props":2558,"children":2560},{"className":2559},[],[2561],{"type":49,"value":1949},{"type":49,"value":65},{"type":43,"tag":58,"props":2564,"children":2566},{"className":2565},[],[2567],{"type":49,"value":1956},{"type":49,"value":2569},". Without it, form POST requests fail with 400 errors.",{"type":43,"tag":255,"props":2571,"children":2572},{},[2573,2590],{"type":43,"tag":282,"props":2574,"children":2575},{},[2576,2578,2583,2584],{"type":49,"value":2577},"Forgetting to replace ",{"type":43,"tag":58,"props":2579,"children":2581},{"className":2580},[],[2582],{"type":49,"value":2239},{"type":49,"value":897},{"type":43,"tag":58,"props":2585,"children":2587},{"className":2586},[],[2588],{"type":49,"value":2589},"blazor.web.js",{"type":43,"tag":282,"props":2591,"children":2592},{},[2593,2595,2600,2601,2606],{"type":49,"value":2594},"The old script does not work with the Blazor Web App model. Replace all references to ",{"type":43,"tag":58,"props":2596,"children":2598},{"className":2597},[],[2599],{"type":49,"value":1390},{"type":49,"value":897},{"type":43,"tag":58,"props":2602,"children":2604},{"className":2603},[],[2605],{"type":49,"value":1446},{"type":49,"value":222},{"type":43,"tag":255,"props":2608,"children":2609},{},[2610,2622],{"type":43,"tag":282,"props":2611,"children":2612},{},[2613,2615,2620],{"type":49,"value":2614},"Not removing ",{"type":43,"tag":58,"props":2616,"children":2618},{"className":2617},[],[2619],{"type":49,"value":623},{"type":49,"value":2621}," wrapper",{"type":43,"tag":282,"props":2623,"children":2624},{},[2625,2627,2633],{"type":49,"value":2626},"The component wrapper does not work across render mode boundaries in Blazor Web Apps. Use ",{"type":43,"tag":58,"props":2628,"children":2630},{"className":2629},[],[2631],{"type":49,"value":2632},"builder.Services.AddCascadingAuthenticationState()",{"type":49,"value":2634}," instead.",{"type":43,"tag":255,"props":2636,"children":2637},{},[2638,2651],{"type":43,"tag":282,"props":2639,"children":2640},{},[2641,2643,2649],{"type":49,"value":2642},"Leaving ",{"type":43,"tag":58,"props":2644,"children":2646},{"className":2645},[],[2647],{"type":49,"value":2648},"app.UseRouting()",{"type":49,"value":2650}," in the pipeline",{"type":43,"tag":282,"props":2652,"children":2653},{},[2654,2656,2661],{"type":49,"value":2655},"Explicit ",{"type":43,"tag":58,"props":2657,"children":2659},{"className":2658},[],[2660],{"type":49,"value":1931},{"type":49,"value":2662}," is no longer needed and can interfere with endpoint routing. Remove it unless other middleware specifically requires it.",{"type":43,"tag":255,"props":2664,"children":2665},{},[2666,2678],{"type":43,"tag":282,"props":2667,"children":2668},{},[2669,2671,2676],{"type":49,"value":2670},"Using ",{"type":43,"tag":58,"props":2672,"children":2674},{"className":2673},[],[2675],{"type":49,"value":110},{"type":49,"value":2677}," when prerendering was disabled",{"type":43,"tag":282,"props":2679,"children":2680},{},[2681,2683,2688,2689,2694,2696,2701,2703,2708],{"type":49,"value":2682},"If the original app used ",{"type":43,"tag":58,"props":2684,"children":2686},{"className":2685},[],[2687],{"type":49,"value":1533},{"type":49,"value":1535},{"type":43,"tag":58,"props":2690,"children":2692},{"className":2691},[],[2693],{"type":49,"value":1541},{"type":49,"value":2695},"), use ",{"type":43,"tag":58,"props":2697,"children":2699},{"className":2698},[],[2700],{"type":49,"value":1549},{"type":49,"value":2702}," to preserve the same behavior. Using ",{"type":43,"tag":58,"props":2704,"children":2706},{"className":2705},[],[2707],{"type":49,"value":110},{"type":49,"value":2709}," enables prerendering which can cause unexpected issues with components that depend on JS interop during initialization.",{"type":43,"tag":255,"props":2711,"children":2712},{},[2713,2725],{"type":43,"tag":282,"props":2714,"children":2715},{},[2716,2718,2723],{"type":49,"value":2717},"Not migrating ",{"type":43,"tag":58,"props":2719,"children":2721},{"className":2720},[],[2722],{"type":49,"value":63},{"type":49,"value":2724}," circuit options",{"type":43,"tag":282,"props":2726,"children":2727},{},[2728,2730,2736],{"type":49,"value":2729},"If circuit options, hub options, or detailed error settings were configured, migrate them to ",{"type":43,"tag":58,"props":2731,"children":2733},{"className":2732},[],[2734],{"type":49,"value":2735},"AddInteractiveServerComponents(options => { ... })",{"type":49,"value":2737},". Otherwise those settings are silently lost.",{"type":43,"tag":255,"props":2739,"children":2740},{},[2741,2751],{"type":43,"tag":282,"props":2742,"children":2743},{},[2744,2749],{"type":43,"tag":58,"props":2745,"children":2747},{"className":2746},[],[2748],{"type":49,"value":2537},{"type":49,"value":2750}," placed before authentication middleware",{"type":43,"tag":282,"props":2752,"children":2753},{},[2754,2756,2761,2762,2767],{"type":49,"value":2755},"The antiforgery middleware must be placed after ",{"type":43,"tag":58,"props":2757,"children":2759},{"className":2758},[],[2760],{"type":49,"value":1949},{"type":49,"value":142},{"type":43,"tag":58,"props":2763,"children":2765},{"className":2764},[],[2766],{"type":49,"value":1956},{"type":49,"value":2768},". Placing it before causes antiforgery validation to run before the user identity is established.",{"type":43,"tag":255,"props":2770,"children":2771},{},[2772,2777],{"type":43,"tag":282,"props":2773,"children":2774},{},[2775],{"type":49,"value":2776},"CSS isolation bundle link has wrong assembly name",{"type":43,"tag":282,"props":2778,"children":2779},{},[2780,2782,2788],{"type":49,"value":2781},"If the ",{"type":43,"tag":58,"props":2783,"children":2785},{"className":2784},[],[2786],{"type":49,"value":2787},"\u003Clink href=\"{Name}.styles.css\">",{"type":49,"value":2789}," tag referenced the old project name, update it to match the current assembly name.",{"type":43,"tag":114,"props":2791,"children":2793},{"id":2792},"more-info",[2794],{"type":49,"value":2795},"More Info",{"type":43,"tag":121,"props":2797,"children":2798},{},[2799,2811,2823,2835,2845,2856,2875],{"type":43,"tag":125,"props":2800,"children":2801},{},[2802,2809],{"type":43,"tag":518,"props":2803,"children":2806},{"href":2804,"rel":2805},"https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fmigration\u002F70-to-80#convert-a-blazor-server-app-into-a-blazor-web-app",[522],[2807],{"type":49,"value":2808},"Convert a Blazor Server app into a Blazor Web App",{"type":49,"value":2810}," — the official step-by-step migration guide",{"type":43,"tag":125,"props":2812,"children":2813},{},[2814,2821],{"type":43,"tag":518,"props":2815,"children":2818},{"href":2816,"rel":2817},"https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fblazor\u002Fcomponents\u002Frender-modes",[522],[2819],{"type":49,"value":2820},"ASP.NET Core Blazor render modes",{"type":49,"value":2822}," — understanding InteractiveServer, InteractiveWebAssembly, and InteractiveAuto",{"type":43,"tag":125,"props":2824,"children":2825},{},[2826,2833],{"type":43,"tag":518,"props":2827,"children":2830},{"href":2828,"rel":2829},"https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fmigration\u002F70-to-80#migrate-the-cascadingauthenticationstate-component-to-cascading-authentication-state-services",[522],[2831],{"type":49,"value":2832},"Migrate CascadingAuthenticationState to services",{"type":49,"value":2834}," — replacing the component wrapper with a service",{"type":43,"tag":125,"props":2836,"children":2837},{},[2838,2843],{"type":43,"tag":518,"props":2839,"children":2841},{"href":2110,"rel":2840},[522],[2842],{"type":49,"value":2097},{"type":49,"value":2844}," — optimized static file serving in .NET 9+",{"type":43,"tag":125,"props":2846,"children":2847},{},[2848,2854],{"type":43,"tag":518,"props":2849,"children":2851},{"href":520,"rel":2850},[522],[2852],{"type":49,"value":2853},"Migrate from ASP.NET Core 7.0 to 8.0",{"type":49,"value":2855}," — general migration guide for all ASP.NET Core changes",{"type":43,"tag":125,"props":2857,"children":2858},{},[2859,2866,2868,2873],{"type":43,"tag":518,"props":2860,"children":2863},{"href":2861,"rel":2862},"https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fblazor\u002Fcomponents\u002Frender-modes#streaming-rendering",[522],[2864],{"type":49,"value":2865},"Stream rendering with Blazor",{"type":49,"value":2867}," — ",{"type":43,"tag":58,"props":2869,"children":2871},{"className":2870},[],[2872],{"type":49,"value":2129},{"type":49,"value":2874}," for async data loading",{"type":43,"tag":125,"props":2876,"children":2877},{},[2878,2885],{"type":43,"tag":518,"props":2879,"children":2882},{"href":2880,"rel":2881},"https:\u002F\u002Flearn.microsoft.com\u002Faspnet\u002Fcore\u002Fblazor\u002Fcomponents\u002Fcascading-values-and-parameters#cascading-valuesparameters-and-render-mode-boundaries",[522],[2883],{"type":49,"value":2884},"Cascading values and render mode boundaries",{"type":49,"value":2886}," — why cascading parameters do not cross render mode boundaries",{"type":43,"tag":2888,"props":2889,"children":2890},"style",{},[2891],{"type":49,"value":2892},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":2894,"total":3056},[2895,2911,2926,2941,2959,2973,2990,3000,3012,3022,3035,3046],{"slug":2896,"name":2896,"fn":2897,"description":2898,"org":2899,"tags":2900,"stars":2908,"repoUrl":2909,"updatedAt":2910},"multithreaded-task-migration","migrate MSBuild tasks to multithreaded mode","Guide for migrating MSBuild tasks to multithreaded mode support, including compatibility red-team review. Use this when converting tasks to thread-safe versions, implementing IMultiThreadableTask, adding TaskEnvironment support, or auditing migrations for behavioral compatibility.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2901,2902,2905],{"name":13,"slug":14,"type":15},{"name":2903,"slug":2904,"type":15},"Engineering","engineering",{"name":2906,"slug":2907,"type":15},"Performance","performance",5535,"https:\u002F\u002Fgithub.com\u002Fdotnet\u002Fmsbuild","2026-07-22T05:37:33.965588",{"slug":2912,"name":2912,"fn":2913,"description":2914,"org":2915,"tags":2916,"stars":25,"repoUrl":26,"updatedAt":2925},"analyzing-dotnet-performance","analyze .NET code for performance anti-patterns","Scans .NET code for ~50 performance anti-patterns across async, memory, strings, collections, LINQ, regex, serialization, and I\u002FO with tiered severity classification. Use when analyzing .NET code for optimization opportunities, reviewing hot paths, or auditing allocation-heavy patterns.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2917,2918,2921,2924],{"name":13,"slug":14,"type":15},{"name":2919,"slug":2920,"type":15},"Code Analysis","code-analysis",{"name":2922,"slug":2923,"type":15},"Debugging","debugging",{"name":2906,"slug":2907,"type":15},"2026-07-12T08:23:25.400375",{"slug":2927,"name":2927,"fn":2928,"description":2929,"org":2930,"tags":2931,"stars":25,"repoUrl":26,"updatedAt":2940},"android-tombstone-symbolication","symbolicate .NET runtime frames in Android tombstones","Symbolicate the .NET runtime frames in an Android tombstone file. Extracts BuildIds and PC offsets from the native backtrace, downloads debug symbols from the Microsoft symbol server, and runs llvm-symbolizer to produce function names with source file and line numbers. USE FOR triaging a .NET MAUI or Mono Android app crash from a tombstone, resolving native backtrace frames in libmonosgen-2.0.so or libcoreclr.so to .NET runtime source code, or investigating SIGABRT, SIGSEGV, or other native signals originating from the .NET runtime on Android. DO NOT USE FOR pure Java\u002FKotlin crashes, managed .NET exceptions that are already captured in logcat, or iOS crash logs. INVOKES Symbolicate-Tombstone.ps1 script, llvm-symbolizer, Microsoft symbol server.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2932,2933,2936,2937],{"name":13,"slug":14,"type":15},{"name":2934,"slug":2935,"type":15},"Android","android",{"name":2922,"slug":2923,"type":15},{"name":2938,"slug":2939,"type":15},"Microsoft","microsoft","2026-07-12T08:23:21.595572",{"slug":2942,"name":2942,"fn":2943,"description":2944,"org":2945,"tags":2946,"stars":25,"repoUrl":26,"updatedAt":2958},"apple-crash-symbolication","symbolicate .NET runtime frames in crash logs","Symbolicate .NET runtime frames in Apple platform .ips crash logs (iOS, tvOS, Mac Catalyst, macOS). Extracts UUIDs and addresses from the native backtrace, locates dSYM debug symbols, and runs atos to produce function names with source file and line numbers. Automatically downloads .dwarf symbols from the Microsoft symbol server using Mach-O UUIDs. USE FOR triaging a .NET MAUI or Mono app crash from an .ips file on any Apple platform, resolving native backtrace frames in libcoreclr or libmonosgen-2.0 to .NET runtime source code, retrieving .ips crash logs from a connected iOS device or iPhone, or investigating EXC_CRASH, EXC_BAD_ACCESS, SIGABRT, or SIGSEGV originating from the .NET runtime. DO NOT USE FOR pure Swift\u002FObjective-C crashes with no .NET components, or Android tombstone files. INVOKES Symbolicate-Crash.ps1 script, atos, dwarfdump, idevicecrashreport.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2947,2948,2949,2952,2955],{"name":13,"slug":14,"type":15},{"name":2922,"slug":2923,"type":15},{"name":2950,"slug":2951,"type":15},"iOS","ios",{"name":2953,"slug":2954,"type":15},"macOS","macos",{"name":2956,"slug":2957,"type":15},"Observability","observability","2026-07-12T08:23:20.369986",{"slug":2960,"name":2960,"fn":2961,"description":2962,"org":2963,"tags":2964,"stars":25,"repoUrl":26,"updatedAt":2972},"assertion-quality","evaluate assertion quality in test suites","Analyzes the variety and depth of assertions across test suites in any language. Use when the user asks to evaluate assertion quality, find shallow tests, identify assertion-free tests (no assertions or only trivial ones like Assert.IsNotNull \u002F toBeTruthy()), flag self-referential or tautological assertions, measure assertion diversity, or audit whether tests verify different facets of behavior. Polyglot: .NET, Python, TS\u002FJS, Java, Go, Ruby, Rust, Swift, Kotlin, PowerShell, C++. DO NOT USE FOR: writing new tests (use code-testing-agent \u002F writing-mstest-tests), mutation reasoning about whether tests would catch a bug (use test-gap-analysis), or a general severity-ranked anti-pattern audit (use test-anti-patterns), fixing or rewriting assertions, or writing, fixing, or modernizing MSTest tests, assertions, or attributes (use writing-mstest-tests).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2965,2966,2969],{"name":2919,"slug":2920,"type":15},{"name":2967,"slug":2968,"type":15},"QA","qa",{"name":2970,"slug":2971,"type":15},"Testing","testing","2026-07-12T08:23:51.277743",{"slug":2974,"name":2974,"fn":2975,"description":2976,"org":2977,"tags":2978,"stars":25,"repoUrl":26,"updatedAt":2989},"author-component","create and review Blazor components","Create or review Blazor components (.razor files) with correct architecture. USE FOR: writing new Blazor components that do NOT involve JavaScript interop, implementing parameters and EventCallback, RenderFragment slots, component lifecycle (OnInitializedAsync, OnParametersSet), async patterns, IAsyncDisposable, CancellationToken, CSS isolation, code-behind. DO NOT USE FOR: creating new projects (use create-blazor-project), JavaScript interop or calling browser APIs from Blazor (use use-js-interop), forms and validation (use collect-user-input), prerendering issues (use support-prerendering), HTTP data fetching patterns (use fetch-and-send-data), coordinating state between unrelated components (use coordinate-components).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2979,2980,2981,2983,2986],{"name":13,"slug":14,"type":15},{"name":20,"slug":21,"type":15},{"name":2982,"slug":1617,"type":15},"C#",{"name":2984,"slug":2985,"type":15},"UI Components","ui-components",{"name":2987,"slug":2988,"type":15},"Web Development","web-development","2026-07-15T06:03:29.216359",{"slug":2991,"name":2991,"fn":2992,"description":2993,"org":2994,"tags":2995,"stars":25,"repoUrl":26,"updatedAt":2999},"binlog-failure-analysis","analyze MSBuild binary logs","Analyze MSBuild binary logs to diagnose build failures. USE FOR: build errors that are unclear from console output, diagnosing cascading failures across multi-project builds, tracing MSBuild target execution order, and generally any MSBuild build issues. Requires an existing .binlog file. DO NOT USE FOR: generating binlogs (use binlog-generation), non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2996,2997,2998],{"name":2919,"slug":2920,"type":15},{"name":2922,"slug":2923,"type":15},{"name":2938,"slug":2939,"type":15},"2026-07-12T08:21:34.637923",{"slug":3001,"name":3001,"fn":3002,"description":3003,"org":3004,"tags":3005,"stars":25,"repoUrl":26,"updatedAt":3011},"binlog-generation","generate MSBuild binary logs for diagnostics","Generate MSBuild binary logs (binlogs) for build diagnostics and analysis. USE FOR: adding \u002Fbl:{} to any dotnet build, test, pack, publish, or restore command to capture a full build execution trace, prerequisite for binlog-failure-analysis and build-perf-diagnostics skills, enabling post-build investigation of errors or performance. Requires MSBuild 17.8+ \u002F .NET 8 SDK+ for {} placeholder; PowerShell needs -bl:{{}}. DO NOT USE FOR: non-MSBuild build systems (npm, Maven, CMake), analyzing an existing binlog (use binlog-failure-analysis instead).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3006,3009,3010],{"name":3007,"slug":3008,"type":15},"Build","build",{"name":2922,"slug":2923,"type":15},{"name":2903,"slug":2904,"type":15},"2026-07-19T05:38:19.340791",{"slug":3013,"name":3013,"fn":3014,"description":3015,"org":3016,"tags":3017,"stars":25,"repoUrl":26,"updatedAt":3021},"build-parallelism","optimize MSBuild build parallelism","Diagnose and fix under-parallelized MSBuild builds. USE WHEN a multi-project solution build is slower than expected, doesn't speed up when you add cores, pegs a single core while others idle, or you want to know why `-m` isn't helping. Note: `\u002Fmaxcpucount` default is 1 (sequential) — always pass `-m` for parallel builds. Covers finding the critical path (longest serial ProjectReference chain), graph build (`\u002Fgraph`), BuildInParallel, and solution filters (`.slnf`). DO NOT USE FOR: single-project builds, incremental issues (use incremental-build), compilation slowness inside one project (use build-perf-diagnostics), non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3018,3019,3020],{"name":13,"slug":14,"type":15},{"name":2903,"slug":2904,"type":15},{"name":2906,"slug":2907,"type":15},"2026-07-19T05:38:18.364937",{"slug":3023,"name":3023,"fn":3024,"description":3025,"org":3026,"tags":3027,"stars":25,"repoUrl":26,"updatedAt":3034},"build-perf-baseline","establish and optimize build performance baselines","Establish build performance baselines and apply systematic optimization techniques. USE FOR: diagnosing slow builds, establishing before\u002Fafter measurements (cold, warm, no-op scenarios), applying optimization strategies like MSBuild Server, static graph builds, artifacts output, and dependency graph trimming. Start here before diving into build-perf-diagnostics, incremental-build, or build-parallelism. DO NOT USE FOR: non-MSBuild build systems, detailed bottleneck analysis (use build-perf-diagnostics after baselining).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3028,3029,3032,3033],{"name":2903,"slug":2904,"type":15},{"name":3030,"slug":3031,"type":15},"Monitoring","monitoring",{"name":2906,"slug":2907,"type":15},{"name":2970,"slug":2971,"type":15},"2026-07-12T08:21:35.865649",{"slug":3036,"name":3036,"fn":3037,"description":3038,"org":3039,"tags":3040,"stars":25,"repoUrl":26,"updatedAt":3045},"build-perf-diagnostics","diagnose MSBuild build performance bottlenecks","Diagnose MSBuild build performance bottlenecks using binary log analysis. USE FOR: identifying why builds are slow by analyzing binlog performance summaries, detecting ResolveAssemblyReference (RAR) taking >5s, Roslyn analyzers consuming >30% of Csc time, single targets dominating >50% of build time, node utilization below 80%, excessive Copy tasks, NuGet restore running every build. Covers timeline analysis, Target\u002FTask Performance Summary interpretation, and 7 common bottleneck categories. Use after build-perf-baseline has established measurements. DO NOT USE FOR: establishing initial baselines (use build-perf-baseline first), fixing incremental build issues (use incremental-build), parallelism tuning (use build-parallelism), non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3041,3042,3043,3044],{"name":13,"slug":14,"type":15},{"name":2922,"slug":2923,"type":15},{"name":2903,"slug":2904,"type":15},{"name":2906,"slug":2907,"type":15},"2026-07-12T08:21:40.961722",{"slug":3047,"name":3047,"fn":3048,"description":3049,"org":3050,"tags":3051,"stars":25,"repoUrl":26,"updatedAt":3055},"check-bin-obj-clash","detect MSBuild output path conflicts","Detects MSBuild projects with conflicting OutputPath or IntermediateOutputPath. USE FOR: builds failing with 'Cannot create a file when that file already exists', 'The process cannot access the file because it is being used by another process', intermittent build failures that succeed on retry, or missing\u002Foverwritten outputs in multi-project or multi-targeting builds where bin\u002Fobj (or project.assets.json) collide. Common causes: shared OutputPath, missing AppendTargetFrameworkToOutputPath, extra global properties (e.g. PublishReadyToRun), or SetTargetFramework on a ProjectReference to a single-targeting project. DO NOT USE FOR: file access errors unrelated to MSBuild (OS-level locking), single-project single-TFM builds, non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3052,3053,3054],{"name":2922,"slug":2923,"type":15},{"name":2903,"slug":2904,"type":15},{"name":2967,"slug":2968,"type":15},"2026-07-19T05:38:14.336279",144,{"items":3058,"total":3107},[3059,3066,3073,3081,3087,3095,3101],{"slug":2912,"name":2912,"fn":2913,"description":2914,"org":3060,"tags":3061,"stars":25,"repoUrl":26,"updatedAt":2925},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3062,3063,3064,3065],{"name":13,"slug":14,"type":15},{"name":2919,"slug":2920,"type":15},{"name":2922,"slug":2923,"type":15},{"name":2906,"slug":2907,"type":15},{"slug":2927,"name":2927,"fn":2928,"description":2929,"org":3067,"tags":3068,"stars":25,"repoUrl":26,"updatedAt":2940},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3069,3070,3071,3072],{"name":13,"slug":14,"type":15},{"name":2934,"slug":2935,"type":15},{"name":2922,"slug":2923,"type":15},{"name":2938,"slug":2939,"type":15},{"slug":2942,"name":2942,"fn":2943,"description":2944,"org":3074,"tags":3075,"stars":25,"repoUrl":26,"updatedAt":2958},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3076,3077,3078,3079,3080],{"name":13,"slug":14,"type":15},{"name":2922,"slug":2923,"type":15},{"name":2950,"slug":2951,"type":15},{"name":2953,"slug":2954,"type":15},{"name":2956,"slug":2957,"type":15},{"slug":2960,"name":2960,"fn":2961,"description":2962,"org":3082,"tags":3083,"stars":25,"repoUrl":26,"updatedAt":2972},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3084,3085,3086],{"name":2919,"slug":2920,"type":15},{"name":2967,"slug":2968,"type":15},{"name":2970,"slug":2971,"type":15},{"slug":2974,"name":2974,"fn":2975,"description":2976,"org":3088,"tags":3089,"stars":25,"repoUrl":26,"updatedAt":2989},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3090,3091,3092,3093,3094],{"name":13,"slug":14,"type":15},{"name":20,"slug":21,"type":15},{"name":2982,"slug":1617,"type":15},{"name":2984,"slug":2985,"type":15},{"name":2987,"slug":2988,"type":15},{"slug":2991,"name":2991,"fn":2992,"description":2993,"org":3096,"tags":3097,"stars":25,"repoUrl":26,"updatedAt":2999},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3098,3099,3100],{"name":2919,"slug":2920,"type":15},{"name":2922,"slug":2923,"type":15},{"name":2938,"slug":2939,"type":15},{"slug":3001,"name":3001,"fn":3002,"description":3003,"org":3102,"tags":3103,"stars":25,"repoUrl":26,"updatedAt":3011},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3104,3105,3106],{"name":3007,"slug":3008,"type":15},{"name":2922,"slug":2923,"type":15},{"name":2903,"slug":2904,"type":15},96]