Blazor tutorial - CRUD app in ~30 minutes v2

Learn how to build a minimal Blazor Server CRUD web application and publish it to the Microsoft Azure cloud.

The application showcases how to do the database CRUD operations (Create, Read, Update and Delete) on a simple "Post" model which exists in a SQLite database. The database is generated by using a code-first approach with Entity Framework Core.

So for the technologies we'll use the .NET 6 LTS Version, C# 10, Visual Studio 2022 Preview, ASP.NET Core Blazor Server, Entity Framework Core, SQLite, Bootstrap for the UI and Microsoft Azure because we'll be publishing this application to a free tier Azure App Service resource.

This tutorial is just a quick overview, if you want a full explanation of Blazor and surrounding technologies check out my course linked below.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

►► DOWNLOAD SOURCE CODE:

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

►► LIVE DEMO:

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

►► LINKS MENTIONED:

Microsoft Docs ASP.NET Core Blazor Server with Entity Framework Core (EFCore):

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

►► TIMESTAMPS
0:00 - Intro & Demo
2:48 - Creating the Solution and Project
3:41 - EF Core Code First SQLite Database
12:43 - Implementing Displaying All Posts
21:33 - Implementing Deleting Posts
25:43 - Implementing Creating Posts
33:20 - Implementing Updating Posts
36:57 - Publishing to Azure App Service (free)
40:54 - Closing Thoughts

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

►► CREDITS
Lively Animated Desktop Wallpaper Software:

Motherboard Background Image:

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Good luck on your developer journey!

#aspnetcore #blazorserver #crud

[RubenHeerenDev]

Join the Discord community to chat with other devs and get help if you're stuck on something.

[nutsaboutnets]

This is excellent -- thank you Ruben...

[johnmitchell]

This is really great. Thanks for taking the time to make this video, I really appreciate it !

[MarkInChicago]

Thanks Ruben - Very helpful video. Glad it was done in .NET 6

[jono]

Amazing tutorial - any chance you could create a full stack example of CRUD using web assembly and ASP core Web API? Thanks again for providing excellent content.

[allthecommonsense]

IMO any "CRUD" demo really needs to also show how to do an update with a dropdown list (in this case maybe a "category" where the post lives)... because filling the dropdown's values, initializing the dropdown's selected item with the index value that exists in the DB already, and then updating the DB with the newly selected index (i.e. instead of the text value) is very common, and not as trivial as just updating a simple string value.

[tomaszalczyk]

Hello, are you planning some new tutorials with blazor?

[marcelheijmans]

i tried joining the dicord, but im met with errors, i am running into some problems, i am trying to use the powershell for the dotnet ef migrations command, but it just throws me errors, and i cannot get past this part, i would love some assistance :D