SignalR in Blazor - Making Real-Time Chat with Blazor Server SignalR Example

As part of this tutorial, we’ll set up a simple real-time chat web app using Blazor Server with SignalR in .NET 5. We’ll set up the Project, create our very first SignalR Hub, configure the necessary services. Finally, we’ll layout the chat component to send and receive messages in real-time!

0:00 – Intro
0:22 – Create a Blazor Server app
0:47 – Add a SignalR hub
7:36 – Add a UserMessage model
9:30 – Setup the Chat component

If you enjoyed this tutorial, please like this video consider subscribing for more content like this!

Useful Links:

Credits:

[utsavpal]

excellent explanation !!! thanks for this tutorial, literally helped me a lot to understand the blazor concept and its flow

[simamba]

Thank you Julian, you have helped me a lot with my project.

[nematullahhussaini]

wonderful work, thank you!! and please make some more video in Blazor, I mean if you can make a playlist of bigger real project in Blazor.🙏

[hajarzerouali]

Thank you so much, it was an excellent tutorial!

[TestTest-grxm]

You Asked about blazor, and how we work with it.
BLazor is a great framework, finally i can work on web application without need of using JS :))

[madhukarp]

Excellent video !!! Please make some videos on Blazor File upload. Large files(zip files), hangs up the UI.

[broadshare]

Blazor is powerful and fun to work with

[MrBenix]

Hi, is it possible to send and received messages from 2 different components (.razor) ? On component sends the message and another (or many others) can receive it ?

[GuildOfCalamity]

Very cool. Is there a way to auto-scroll the view so the most recent message will always be visible?

[harinimuralidharan]

Nice explanation. Could you please also share audio (speech) to text conversion using signalR

[Duelweb]

The user should be picked up from the login? We should not need to type our name in every time ??

[broadshare]

Very informative and useful tutorial, thanks. Kindly consider becoming a football ref on part-time 41:26

[shawnsmith]

So SignalR in my Blazor Server Application doesn't work when I added in a log in system, this login system I am using is Azure AD, login works great the issue is SignalR fails at await hubconnection.StartAsync(); do you know why this is?

[Gojam]

I get a Squiggly line in the razor page on the client in the using statement and I did install the package for some reason my nuget installed version 1.1.0 and I changed it manually to yours but it still giving an error.