Coding With David

I have been spending some time working with Azure static websites and it got me thinking I should do a post about them.  The more I have been working with the Azure static websites, the more I like them. So I decided to dust off an old post, Static Bootstrap website converted to Blazor .  In this old post, I took a common Bootstrap-themed static website and "Blazorized" it. In the original project, I created components, removed as much of the javascript as I could, and used Blazor.  This was done back in Nov of 2019 as a server-side application.  This was right around the time Blazor server-side went GA and the Web Assembly was still at least 6 months left to go in development. For this post, I will be creating a Blazor Web Assembly version of the project that is built for Azure Static Websites and that actually works.  I hope to document as many of the changes as I can.   Once I fired up the old project, the project did not even compile anymore. ...

This is part 2 in my 7-part series on how to move a free Bootstrap Template and make a Blazor application out of it.  You can see  part one  here. In this post we are going to take a look at what it takes to get the NAV to work with anchor tags and how to make it responsive.  Make a NAV component  This is a Blazor application so we need to componenetize our controls so we can reuse them going forward.  We will be building a horizontal NAV bar component.    To achieve this:     1. Add new Razor component to the part 2 project called Nav.razor     2. Remove the NAV HTML from the Index.razor and add it to the Nav page     3. Add the new Nav component to the Index page              <Nav/>     4. Run it and the nav should show, but still be non-functional Anchor Tags  Currently anchor tags, href="#portfolio">Portfolio</a> do not work in Bla...