Blazor on .NET 8 - Server-Side Rendering, Streaming Rendering and Signal-R in One Blazor Project

In this video I discuss two great new features included in .NET 8 for Blazor namely, server-side rendering and streaming rendering. I demonstrate through a basic code example how you you are able to include server-side rendering, streaming rendering and Signal-R functionality within one project. This can be done easily by using the latest project template, Blazor Web App. We'll use the Blazor Web App in this video when creating our code example.

Full Blazor on .NET 8 (Blazor United) Video Series

.NET 8 Video

.NET Playlist

🕐 Video Time Indexes
-------------------------------------
00:00:00 - Introduction
00:03:14 - Overview of Server-side rendering and Streaming Rendering
00:08:20 - Signal-R Overview
00:09:50 - Setup Environment to use Blazor Web App Project Template for .NET 8 Blazor Project
00:11:20 - Create Blazor Project on .NET 8 Basic Code Example

Support the Channel 👍
------------------------------------
Buy me a Coffee ☕️

PayPal

🪙 BitCoin
12JZYMiRq5YRDN5R5zuyYt7jMN8eTpkgns

Please follow me on Twitter @GavinLonDigital

Full Playlist - C# for Beginners Course
------------------------------------------------------------

Links Included in this Video
--------------------------------------------
Install .NET 8 Preview 6

Announcement of .NET 8 Preview 6

Install Visual Studio 2022 Preview

Signal-R Explanation

Free Courses and Educational Videos - Gavin Lon
-------------------------------------------------------------------------------
Blazor (Webassembly) Shopping Cart Application full playlist

Full playlist - Let's Build an ASP .NET Core MVC Web Application on .Net 5

Full playlist - Advanced C# Course

Full playlist - C# for Beginners Course

Blazor Server App on .NET 6 Course - FreeCodeCamp

🎶All Music in this Video was Created by Gavin Lon

[Azm]

You are a gift from above! Your content are just on another level!

[diegoronkkomaki]

Unifying the project types and rendering technologies under just one Blazor project feels like a natural step forward and hopefully lowers the barrier of entry for companies and teams to regard Blazor as a good option for production applications. I'm hopeful that this will boost the popularity of Blazor further.

[ados_guy]

I was so confused about this a month ago. Understanding difference between Razor, Blazor, Blazor Server Side, Blazor Server, Blazor MVC, and Blazor Web Assembly is a challenge.

[anthonyliljegren]

Good Series! .NET 8 will be a good one

[blackpaw]

Be very interested to see how Blazor 8 ties in with Authentication, especially Microsoft Identity, if they could simplify that, would be massive.

[gikasmarkantonatos]

Baie Dank u, kerel (lol). I have a large Blazor WASM which is hitting roadblocks, and .net 8 seems to be able to resolve all of those.

[ferdicuyar]

Sir i want to understand something. I have been developing on blazor for 1 years. I have got plenty ofr full projects. I am doing a database action. Lets say i got product list. I render the page but my productlist is null so i write a code if its not null render table if null render <p>bla bla</p>. Anyway after the oninitialised works i fetch the productlist, than i use statehaschanged(). In .net 8 if i use rendermodeserver can i make my functions without statehaschanged() method?

[SpaldingJason]

Greetings Gavin and everyone else. I've constructed a 7x7 grid, initially filled with standard images. Upon clicking a grid cell, the functionality allows me to select the desired image to display in that particular cell. I'm currently utilizing Blazor Server for this and I'm seeking an efficient method to display the selected image in the cell without having to refresh the whole page. Does anyone have any effective suggestions for this?

[reachsoftware]

Is blazor server app Is capable to connect with client pc new websocket server for gathering printer details and send printing data. When I try blazor server app connecting only to websockets running in host computer not client pc.. Can you able to share if any possible of connection with local pc websocket server... Thank you

[benjamininkorea]

How is SSR different than the default Blazor server app, which runs the page twice, filling in html first, and adding your data on the second pass?

[IshaqIbrahim]

Gavin Lon @GavinLon Which software did you use to create those drawings in this video? Thanks!

[fozbstudios]

Can you use signalr hubs with INTERACTIVE server? the documentation is unclear

[guillermomazzari]

will it be possible to make a page streamrender and have components inside that page wich can be server or client side rendered?

[Baraka-yldp]

A better name would have been *Blazor Unified* instead of Blazor United. That word better captures what is really happening.