Mastering .NET 8 Blazor: Server-side Rendering (SSR)

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!

[osman]

Honestly I would use Server Render + JavaScript for interactivity and stay away from Blazer Server and it’s SignalR dependency.

[bripowered]

Thanks Bobby! I'm looking forward this.

[rafapioli]

Great content! I'm excited to use Blazor 8!

[PortalUser]

In that last part of the video (using javascript on the static rendered page) another alternative, compared to using javascript, would be to define a route such as /movies/{movieId} and if that route movieId value was supplied, you would render the modal. That way, you could let the progressive rendering work its magic. If the user clicked on a movie sending the browser to /movies/10123, the modal would be rendered, and if the click "close" it would send the user back to /movies. Each time the progressive rendering should just DOM update what needs to be modified on the page, so it should at least look nice.

Of course it would not be as efficient because the browser would technically fetch the page each time, but it should DOM update only the modal if that was the only difference. Also you should be able to do it in a way that when running as WASM or traditional signalr server the same stuff happens without needing to change any code (and the client router should handle the navigations). One other benefit is you could directly link to the details with the modal open.

[shameermulji]

Can students get through your bootcamp using a Windows on ARM laptop? I have an M2 MBA and I know MS now officially supports virtualization of WoA via Parallels for Mac.

[wadecodez]

non c# dev looking into current state of blazor, does ssr and streaming mode work well with SEO? when I checked out blazor a few years ago it could only render to wasm which made it near impossible to rank on google.

[rpreviato]

Great video, lots of content that I didn't see in other videos from MS.

My question is about your custom site.js file that you put it into you App.razor.

Is it possible to do that with a per page js? Something like Index.razor.js and call a js function that is in that file? I pulling my hairs off trying to do that, even with RCL and I can't find a way to make that happen. I'm not a javascript guy :(

I ended up doing the same thing that you did, but I don't think that is the best solution. For that reason I would like to create a per page js file with functions that regards with that page. Is something like having a @Section scripts { } in your page. I tried the new SectionOutlet and SectionContent, but that didn't work as well.

[upqvtsw]

Hi, i like what you are doing,
Please i have a question,
i have a APi that handle generating authentication with jwt access token, and all my logic is in this API, i want to use blazor as frontend with rendermodeAuto, how to use the JWT in this case?
for WASM si I have no probleme, but with Blazor RenderModeAutho i am lost
Thank you

[shjaaz]

hey bobby, I hope you're all good. can you make portfolio review videos . Its been 4 month since the last one.

[leander]

Is it correct that even tho using ssr there is still an active websocket connection?

[louistheron]

Hi, can you kindly update the repo to the new render modes. As the site does not compile anymore. Tx

[pokepython]

Cant you just use Blazoredmodal for modals instead of JS?

[dovh]

This seems like it would be a good to use with HTMX. The components, I'm assuming, called be rendered like partials and sent back down?

[chairmakerPete]

Seems like a kludge, but clearly explained 👍

[vivekkaushik]

I'd really appreciate if you could pls bump the code font by 2 pts.

[RenanDuarteHB]

Hi! what a great content! make some for blazor hybrid please