Migrating ASP.NET Core MVC to Blazor WASM (Part 4) | Initial Header Component & Asset includes

Welcome to Part 4 of our Blazor Migration Series! In this video, we focus on creating the initial header component for our Blazor WebAssembly application by lifting the markup from our ASP.NET Core MVC shared partial view and modifying it for compatibility with .razor components. We will also migrate necessary assets such as CSS and JS to support rendering.

Key Highlights:

Initial Header Component:
Learn how to migrate the header component from ASP.NET Core MVC to Blazor WebAssembly, adapting the markup for .razor components.

Asset Migration:
Bring across essential CSS and JS assets to ensure proper rendering and functionality in Blazor.

Component Layout Options:
Discuss component layout options, scoped and global CSS, and feature folders.

Layout Page Differences:
Explore the differences between ASP.NET Core and Blazor WebAssembly layout pages, comparing them side by side for better understanding.

Git Repo Setup:
Set up your Git repository to support branches for each episode, enabling incremental and trackable changes.
Blazor Components & Routing: Begin looking at Blazor components, routing, and page components.

Page Title & Description:
Learn how to apply a page title and add code to set the description.

Usings & Conventions:
Explore importing usings, recommended conventions, and naming of components.

By the end of this video, you'll have a solid foundation for building components in Blazor WebAssembly, with a clearer understanding of how to migrate and adapt your existing assets and markup.

🔔 Subscribe for more tutorials on Blazor development and other cutting-edge web technologies!
👍 Like this video if you found it helpful, and leave a comment below with any questions or topics you'd like us to cover in future videos.

#Blazor #BlazorMigration #WebAssembly #ASPNetCoreMVC #DotNet #WebDevelopment #CodeMigration #HeaderComponent #CSS #JS #ComponentLayout #BlazorTutorial #GitRepoSetup #Routing #PageComponents #UsingsConventions

[bradbernhardt]

I'm doing something very similar to what you're doing in this series and your videos are very educational. By chance do you know how to get a Blazor WASM to access an asset such as an xml file? In your videos you're dealing with css and js files and it works well for me but xml files for some reason don't work the same way.