.NET 8 Blazor: Render Modes + Demo App Download

What are render modes in Blazor? When should you use them? We built an app you can download and see how each render mode works.

Link to GitHub repo:

-------------------------------------------------------------------------------------------------------

👨‍🏫 Self-Paced .NET Bootcamp Course (Includes FREE courses)

🙌 Support the channel and become a channel member

📖 Buy the Book: Breaking the Code

👕 Grab some CF merch

🗣 Join us on Discord

👓 Buy the blue-light blocking glasses we use at CF. Pixel Eyewear Glasses ($5 off with coupon code CODERFOUNDRY)

💻 How to get your first coding job

🎥 The equipment we use at Coder Foundry

DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, we’ll receive a small commission. This helps support the channel and allows us to continue to make videos like this. Thank you for your support!

[betterlifeexe]

My wife is starting to learn C# and HTML at the same time, and i've already got her making a blazor shopping cart. It's really amazing how much you can accomplish with go tutorial and a good framework like blazor.

[DarkOutsideNow]

Amazing video. As a new coder, I'm making a professional web app by myself. I understand the different modes better, their limitation, and how Auto places it's role in Blazor. The video covers the render modes, understanding the communication per rendermode, and helpful visuals. I am so excited that I found your video. Its what I needed.

[emcwealth]

i've been using blazor professionally since .NET Core 3.1.... ever since I first saw it, I knew in my gut that this was going to be the future for web development (i've been writing software for 25+ years)... it was that good back then... and now it's pretty phenomenal...!

[adnerb]

Awesome video, thanks!!! Suppose you have a huge web application and you want to use Auto Render Mode, can you do or leverage lazy loading? If yes, can you share some video and codes for this one? Thanks

[nickmillerable]

This is a great idea for a sample app, great job.

[waleedbensumaidea]

Thank you so much.
I'm learning Blazor for the first time on NET 8.


I start working on enterprise application using blazor net8, but I got confused by those render modes.

Like which render mode should i choose for each page in my project.

Also because there is two projects Server and Client. Here comes new questions about pages location.
Where should i put my pages.

Because there is two folders called Pages in Both Server project and client Project.

😂 Sorry, but i feel like i lost in Blazor.

And if i put most my pages in client project but i let their render mode to interactiveServer

Does that mean no matter where pages are located, the important thing is render mode

[tk]

Thank you for a good explanation of the differences. Just one question about the code, why do you separate the client and server code in separate projects when they could live in one? Afterall, it's not likely that you're going to replace one or the other with something different so what's the benefit of this separation of concerns?

[enriquesneffels]

​ Hello, @CoderFoundry ! Do you have any plans to update your self-paced bootcamp online to .net 8 and the latest version of C#, and Blazor? I saw the course, but it looks outdated. It doesn't have Blazor, and it shows .Net 6. I would like to learn C# and Xamarin with you, sir.

[MrFEMGM]

Very useful video and example, thanks a lot. Blazor is really an excellent choice for many cases.

[mohammadmz]

Excellent video, very good explanation.

[maacpiash]

Can we do AOT build for auto mode, i.e. initialize with SSR, then download WASM files (instead of DLL files and the Mono runtime) in the background?

[sammynava]

When testing the SSR - Stream page on my development PC (after uncommenting the delay), I noticed that the "placeholder effect" only works when using Kestral to run the solution. If I use IIS Express, the page does not load at all until the delay is over. Is that expected behavior?

[dawiemos]

I keep on getting this error: State Details
does not contain a definition for 'AddServerComponents' and no accessible extension method 'AddServerComponents' accepting a first argument of type 'IRazorComponentsBuilder' could be found (are you missing a using directive or an assembly

[tjf]

Possibly dumb Q. This is something the September cohort will be building?

[ProDevelopmentPK]

What If entire Application is Server Side Interactive but I want to make one Component like Login a Static Server. As it doesn't have any attribute how can I do this ?

[Blr]

@attribute [RenderModeServer] is giving compile error in MovieListSignalR.razor

Error (active) CS0246 The type or namespace name 'RenderModeServerAttribute' could not be found (are you missing a using directive or an assembly reference?)

[Sladeofdark]

Does WASM have the same problems as Silverlight?

[ProDevelopmentPK]

Using .NET8 RC2 I created a Blazor Server App with Global Interactivity and with Identity Authentication, then I added MudBlazor to Make it look better and Layout worked but not the Interactivity until I set it up in App > Routes and If I do that then Identity's Login component stops working. This is a total mess there is no documentation on how to solve this, Without Interactivity I can't validate Register/Login Components and Can't show Snackbar Message or Check Boxes. I think you should make your next video playing with Authentication and Interactivity with Blazor Server App.

[AmirImam-irgb]

Blazor is the best front end framework, but it is not popular here in the middle east (Egypt for example). I think we need some support to replace flutter with Blazor