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 Dropdowns

Did 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.

video preview​

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 Blazor

There'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.

video preview​

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


Patrick God

Become a .NET & Blazor expert with weekly tutorials featuring best practices and the latest improvements, right in your inbox.

Read more from Patrick God

Hey friend, I realized something recently: AI was slowing me down. I’d send a prompt… and wait. Even though I already knew what to do next. So I changed one thing. I stopped using AI like a tool and started using it like a team. Multiple chats. Multiple tasks. All running at once. Watch it below šŸ‘‡ Happy prompting! Take care,Patrick P.S. If you want help setting this up for your workflow or your team, click here.

Hey friend, Blazor Server or WebAssembly? Lately, I had a call with a student migrating a desktop app… and this question came up immediately. So I made a quick video to break it down: You'll learn: When Blazor Server is the simplest choice When you actually need WebAssembly And when an API becomes necessary Enjoy! Take care,Patrick P.S. Our next live office hours inside the .NET Web Academy start tomorrow. Join here.

video preview

Hey friend, Working from home as a .NET developer sounds great. Freedom. No meetings. Full control. But after a while, it gets heavy. You make every decision alone. Architecture. Azure. Refactoring. Deployment. And sometimes you just want someone to say, ā€œYeah, that’s fine. Ship it.ā€ AI helps. Tutorials help. But real conversations with other developers hit different. In today's video, I talk about why working alone can slow us down and why feedback from other devs matters more than we think....