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

🚀 Join the .NET Web Academy: dotnetwebacademy.teachable.com
➡️ Use code START2024 for 10% off!
🚀 Get the .NET 8 Web Dev Jump-Start Course for FREE: dotnet8.patrickgod.com
💖 Support me on Patreon for exclusive source code access: / _patrickgod
🐦 Let's get social on Twitter/X: / _patrickgod
🔗 Let's connect on LinkedIn: / patrickgod
Table of Contents:
00:00 CRUD with the Blazor WebAssembly Render Mode in .NET 8 🔥
01:05 Create the Project
05:27 Adding a Model & Entity Framework Boilerplate
15:14 Create an API Controller
19:36 First Test
20:08 Create the Video Games Overview Page
33:45 Implement complete CRUD in the API Controller
37:12 Implement complete CRUD with Blazor WebAssembly
#DotNet #Blazor #AspNetCore

[@persehlin4379]

Thanks for sharing your knowledge. It means a lot to us self-employed people who don't have the time or money to attend expensive training courses. I will find a way to reward you, because your videos will make my business better. I wish you and your family a happy new year!

[@evanderteixeira5457]

Great tutorial, this is a huge step for me to start building my Blazor apps

[@tt_rain]

This is real good. This help me solved my Blazor API issue.

[@imadabab]

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

[@stephenshillitoe817]

Thank you Patrick for an excellent introduction to CRUD with Blazor WebAssembly! It helped me a great deal.

[@PatrickGod]

Thank you so much, Stephen! Really appreciate it!

[@atirah14]

Thanks!

[@PatrickGod]

You are awesome! Thank you so much! Means the world to me! ❤

[@phvianna]

Thanks.

[@kek_1459]

Hello thanks for your work! Will there ever be a video dedicated to CQRS and MediatR?

[@PatrickGod]

Thanks for your feedback! Yes, CQRS & MediatR is definitely coming next year. Also deep dives into Clean Architecture with Blazor and .NET 8. So, stay tuned - and Happy New Year! 😜🥂

[@atirah14]

You can add a reference to the shared project for the video game to be visible in the DataContext class file

[@YoupiMatos2]

Hi Patrick, thanks a lot for you videos, I've got two requests for you, if you don't mind : - Make a new video on the Blazor Web App template, because your video was on the release candidate and it's different now - Make a video about Blazor used for Single Page Appliactions, the documentation is really confusing on this subject. If I understand correctly, setting the interactivity location to "Global" makes the app a SPA, but I'm not quite sure. Your expertise would be appreciated Anyway thanks for your work again, have a good day

[@MrBigdogtim69]

And please add Swagger - will be creating mobile apps from the API server as well

[@MrBigdogtim69]

Thank you for this content! I would love to see same but add authentication and authorization

[@PatrickGod]

Coming. In the meantime, check out the Blazor Web App template and just add authentication from the template config. Thanks for your feedback!

[@MrBigdogtim69]

@@PatrickGod Can't wait to see it! Also need jwt because I also do mobile apps.

[@eloveja6109]

It's possible to add Swagger in the server project ? Like a asp net web api

[@mohsengolshani]

Hi Patrick, thank you for your great videos. I have a request, if you don't mind: please add authentication to this video. Thanks in advance.

[@ayattmohamed3616]

​ 97 / 5 000 Respect and thank you a lot. But how to choose between Blazor wasm StandAlone with api host and this Template?

[@user-uf2jz2mc2m]

Hi, I'm creating an app based on your lesson. To display the data in the table, I use the Fluent DataGrid from the Fluent UI package. Column sorting doesn't work in my table, you can help or someone else.

[@yassermian9913]

how does the client know that i have to go to a seperate project when ever api/videogsmes is called. is client and server projects relationship set somewhere.

[@JohnSmith-yr7ih]

Please create video: AspNet Core WEB API + Blazor

[@LevelHorizon]

Thanks for the tutorial 👍. Is turning off pre-rendering the only way to solve the issue? It seems we are disabling one of the main features of the new rendering options. If we simulate a long delay in the API, we see a blank content area rather then the 'loading...' text, presumably until the dlls have been downloaded? There has to be a better alternative - I just haven't found it yet!

[@qutiephoebe2154]

I agree. Also looking for a better solution than turning off the prerender.

[@chrisatkinsonca]

You can put an Http Client in the DI container of your server project. This seems silly at first glance since the server is calling itself, but it works.

[@user-kl3bo3kl7j]

Can you make a video on how to migrate .net 6 projoect to .net 8 please huhu

[@ghevisartor6005]

working with wasm component is a pain in the ass, if you used the dbcontext directly now you need a controller, same if you used to read files etc : /

[@luisfernandodeolazabalsche3317]

😄😄😄😀

[@adam-xt8te]

Kids will grow up and sleep whole night. Just wait few years

[@phillismable6303]

Over 20 minutes of errors, come on when you teach a subject get it right FIRST time. I teach people brazilian jiu jitsu if I didn't do it right and our team didn't win competitions I wouldn't teach. There's NO excuse for these type of errors as you can edit your videos. IF you are THAT tired then please wait until you are rested, as it's just wasting peoples time and getting them to jump around all over the place.

[@phillismable6303]

Now lets take this in to consideration, if I can't follow this video why would I sign up to get your paid for content ? Start this video and follow it through while typing out the code, no cheating, no cut n pasting, just follow it as if you were one of us. The video is 50 minutes long, to get it to run took me nearly 2 hours to get things working correctly. And there is no return to the Game Listings if you edit or add a new game, so that's an omission that needs amending.

[@user-co9ne8gi2d]

It's good to see common errors. Too many videos cut out all the errors and difficulties and they're not as helpful in the real world.

[@phillismable6303]

Sorry I disagree maybe describe the error and the fix, and show them after you have taught them the correct way, you never show errors during any demo.@@user-co9ne8gi2d

[@phillismable6303]

Why not cut n paste the code from a project that is working, at least it would be right first time when we watch it. And then tell us what it does and why it's better that way, just like they teach in schools.@@user-co9ne8gi2d

[@honoremugisha3116]

It is for free, i don't see any reason to complain.