Become a .NET & Blazor expert with weekly tutorials featuring best practices and the latest improvements, right in your inbox.
Cascading Dropdowns & SEO with Blazor 🔍
|
Hey Reader, This week, I'm diving into a couple of topics that have been popping up frequently in your questions. I hope you'll find the insights below helpful! 🛠️Cascading DropdownsDid you know there's no built-in component in Blazor for dropdowns that update based on another dropdown's selection? No worries - I’ve got you covered! Check out the video below where I show you how to build your own. The key is to use the standard HTML select element instead of Blazor’s InputSelect. Then, harness the power of the relatively new @bind:after directive to trigger a specific method whenever a dropdown’s value changes. This technique is super versatile and can be applied to more than just dropdowns. 🔍 SEO with BlazorThere's a common misconception that Blazor doesn't play well with SEO, similar to other SPA frameworks. But with the release of .NET 8, that's simply not the case anymore! By default, Blazor now uses SSR (static server-side rendering), which means all content is rendered on the server before reaching the client. This allows search engines and crawlers to see the actual content of a page. Plus, pre-rendering is enabled for other rendering modes by default. Curious about how each rendering mode works with SEO? I've got a detailed video breakdown just for you below. If you have more questions or need further clarification, just hit reply to this email. I’m here to help with more tutorials and to answer all your queries. A massive thank you to our community and my Patrons for your support. You are the backbone of this newsletter and my YouTube channel. Stay safe! Take care & happy coding, Patrick |
.NET Web Academy
Become a .NET & Blazor expert with weekly tutorials featuring best practices and the latest improvements, right in your inbox.
Hey friend, For almost every .NET project I start now, I reach for the same architecture. Not clean architecture. Not the classic controller, service, repository stack that pretty much every tutorial taught us a decade ago, me included... I reach for vertical slice architecture. In my latest video, I break down exactly what it is, why it became my default, and the part almost nobody is talking about. Now that we are all building alongside AI, the rules for choosing an architecture have...
Hey friend, Knowing how to prompt is not enough anymore. If you want to land clients or your next role, you need real projects you can show. And one of the best places to start is a portfolio page. So in my latest video I build one from scratch using Claude and VS Code. Blazor, static server-side rendering, a clean single-page design, the whole thing. Watch on YouTube But here is the part that matters. I let Claude do the heavy lifting - the layout, the sections, the design, even pulling real...
Hey friend, Building a Blazor app is the easy part. Getting it deployed so other people can actually use it is where most developers get stuck. It is also one of the biggest reasons developers joined the Blazor AI Workshop last week. The "I can build it, but I cannot ship it" gap is real. So I made a focused YouTube video showing the simplest way to deploy a Blazor app to Azure. Watch on YouTube A tic-tac-toe game with SignalR, real-time updates, a history feature with SQL Server. Deployed to...