CRUD with the Blazor Server Render Mode in .NET 8 🔥

➡️ Use code START2024 for 10% off!

Table of Contents:
00:00 CRUD with the Blazor Server Render Mode in .NET 8 🔥
00:56 Create the Project
02:31 Create a Model & Implement Entity Framework Boilerplate with Code-First Migrations
10:48 Add a new Page/Component
14:41 Create a Service & Implement Reading all Video Games
19:45 Add a Table to the Video Games Page to Display the Data
23:06 Explore Blazor SSR vs. Server Render Mode
28:12 Disable Prerendering
29:27 Add a Page to Create & Update a Video Game
31:14 Implement CRUD in the Service
35:22 Impement the EditVideoGame Page
42:16 Implement the EditForm
48:37 Implement Deleting

#DotNet #Blazor #AspNetCore

[dogoku]

Hello Patrick and thanks for the video. Is it possible to do a video about how to configure a custom authentication for .net 8 blazor? I am trying to integrate with a custom external auth system, but the default auth logic has way too many things (Database, migrations, register, etc). I just want to use a simple session with some user info I get from the 3rd party and have it work with the blazor router AuthorizeView. No DBs, no claims, no nothing.

[LeeroyGgJenkins]

I have been working fulltime with Blazor for over 2 years always working with Blazor wasm hosted applications and I cannot wrap my head around these .net8 changes. The documentation seems to completely ignore complex authentication/authorization use cases and seems to focus on basic front-end aspects. What I find very frustrating is that Microsoft simply went "Hey don't use that, use this.", without explaining WHY. For example, I cannot find anywhere why the Shared project was removed.

[rubenguinez]

Great on boarding video to Blazor. The next step is pagination (home work for each one!)

[sawyer]

Could you make a video on how to use Blazor with any mode, Server mode for example, but also to have an API for the website, if we want to consume it from a mobile app for example.
Thank you!

[imadabab]

Just perfect. Thanks a lot. I have learned a lot.

[awfullytyped]

Hi Patrick, awesome tutorial very neat and clean! Thank you for the guidance and all the tips but one question what is the difference in terms of the usage for DbContext and DbContextFactory?

[albertfranklin]

Great tutorial Patrick, as always!! Quick question, how do you get that Bootstrap autocompletion? I saw the letter "B" prefixing the bootstrap related suggestions. And it seems to appear only when you type the word "Class" within the html section of the page. How do you get that? Thanks!

[jamisonr]

I followed along this afternoon, got everything working except the very last part. I click delete, but the screen doesn't change. The delete even works, and I can see in debugger the next line does have the correct result set, but the table doesn't update. I would blame it on change detection if I was using Angular. This is my first real foray into Blazor. Thanks!

[davideisenberg]

How can we make the game-edit page a modal div popup instead of a new page route? And, when it closes, make sure to retain the cursor/scroll position so a very large list of games doesn't pop back up to the top of the list when it's rebuilt?
Also, how can we affirm the user wishes to Delete a game with "Are you sure?" like we used to with javascript in the button's onClientClick event: if (!confirm('Delete game: ARE YOU SURE?')) return false;

[skynet]

hello sir, thank you for everything, we occur a lot of errors in projects, if it is possible please create a full project site video of selling pdf shop with this possible futures ( ssr, raw grid view html and using mastergrid, bitcoin gateway, fluent UI, sqlserver, without modal and additionals) 🙌🙏

[hpannu]

Can you please make a video to share UI using razor class library between blazor hybrid and blazor web app

[pilotboba]

I frankly think pre-rendering by default when using InteractiveServer is a bug.

Is there any explanation as to why this is the default?

[kieran.stafford]

It always amazes me that folks demoing CRUD with blazor, Implement Delete without any confirmation dialog whatsoever. Not exactly Production ready.