.NET 8 Blazor🔥All Render Modes (SSR, Server, WebAssembly, Auto) Explained for Beginners

➡️ Use code START2024 for 10% off!

Table of Contents:
00:00 Project Configuration & Blazor SSR (Static Server-Side Rendering)
05:05 Blazor Server Render Mode
08:26 Use Component instead of Page
11:44 Blazor WebAssembly Render Mode
20:26 Blazor Auto Render Mode

#DotNet #Blazor #AspNetCore

[HenningKilset]

I really appreciate how you pull apart the default templates and show what actually matters. Thanks for that.

[TohidAzizi]

Definitely, the best video I have seen so far trying to explain and differentiate SSR, Server rendering, WebAssembly, and Auto rendering. Thank you, Patrick.

[christiantricarico]

Starting from a project without interactivity and adding the pieces step by step really help to understand new blazor features. Good job!!

[xelit]

Amazing and simple explanation Patrick! thanks for sharing it

[xakzpc]

Ironically perfect timing. I wanted to start explore htmx + Blazor SSR today and here is a brief introduction of render modes. Thanks 👍

[maykonelias]

Very nice, the best explanation about how the rendering works, thanks for share Patrick!!

[warrenhales]

Excellent video. Starting from the Interactive Render Mode: None template and adding everything in step by step to get all the way to Auto was extremely valuable to me. Thanks Patrick!

[BarriDuty]

I didnt know you could use forms in SSR, I would love a video on that

[jimvacca]

Great content! I had already learned most of what you shared but love that you put it all together!! And I was tempted to start with a SSR project and add the other items to convert to the other project types - so thank you for doing that and showing us the magic that occurs!! Great stuff and big fan of your content!!

[cfeze]

Thanks a lot! I was confused about how this works now I'm getting because you!

[AvinashGadiraju]

Great intro video, Thank you!! Saved my day.

[teriyakov]

Thanks again for this Patrick. Would love to see a simple login flow with basic .net identity (with particular attention to how cookies or tokens would be persisted). Previously you had secure storage for server apps and browser storage for wasm apps. What would be the best implementation in this latest iteration of Blazor?

[The-Z-Zone]

These new render modes are very confusing. The example done in this video would have been a much better set-up for the boilerplate code to show the minimum required to get it working. Great video

[BleepBloop]

I know you advertised the academy.. but I find this useful, and you easy to listen to. So I was wondering if you might have Udemy courses. I haven't checked but I have a subscription there. If you don't its fine, I'd just like to see your courses there.

[gianfrancodiaz]

I loved this explanation! Now I know what VS does in the background when I choose the Blazor Web App template.

Would it be possible for you to teach us how to set up TailwindCSS in Blazor 8?

[oncalldev]

Really enjoy these short overviews. As I get deeper into Blazor with all the variations between server and client interactions, it's becoming apparent that there's a need to really spend the time and organize my code and structure so I can even find what I'm looking while building out an application. Time to step back and think more about such things as architecture, folder structures, naming conventions, etc. Hmm, sounds like a possible future video.

[Wynnytsky]

What I'm observing is that the WASM module is completely lazy, and only downloads if you touch a route it serves. So if a user doesn't have certain roles then he'll be spared that background download. That's the holy grail for performance and security -- it's safe to include admin WASM module in your public site. Also, this is the first time I've seen a Program.cs executed in a project that isn't flagged for startup. Blows my mind!

[healthyliving]

Is auto rendering mode can be use for manage the database? for instance if the connection is lost then we still can use 'local db' and after the connection established then we use the 'server db'? and how about synchronize the data between 'local db' and 'server db'? please advise...Thank you.

[anti]

In Blazor, the render in auto mode allows you to use both the server and WebAssembly. Therefore, the purpose of this mode would be to leverage the server for the initial load, thus avoiding the WASM problem on other pages. Additionally, you can use the server on specific pages if necessary. I am right?

[Artokieffer]

And how do you access data with a Web Assembly component when you need real data and not just a simple counter who doesn't need any call to your Blazor "server" project ? Because I've seen so much examples of the new render modes but no one is talking about how you retrieve real data when using a Web Assembly component. Do we need to create an API project just to manage some call which will only be used in Web Assembly render ?
Because the other day I was trying to create a controller API within the Blazor "Server" project to be accessible by the Web Assembly but it didn't work.