Today's Sponsor: ​HackerPulse — The Ultimate Dev Profile​ Don’t send 69 links to share your work - just share one! Bring together your GitHub, Stack Overflow, and LinkedIn profiles into a single HackerPulse dev profile. Perfect for job applications and networking, HackerPulse gives a complete picture of your skills and projects, all in one place.
Hey Reader, Today, I'm going to walk you through setting up a Blazor project using Clean Architecture. If you've ever wondered how to structure your Blazor apps to keep them maintainable, scalable, and, well, clean, you're in the right place. Watch on YouTube 📺Check out the full tutorial on YouTube to see everything in action 👇 ​Getting StartedFirst, let's fire up Visual Studio 2022 and create a new project. But instead of starting with a Blazor Web App right away, we're going to create a blank solution. Here’s how:
This empty solution will be our playground where we'll build out all the layers of our architecture. Setting Up the Project StructureNext, let’s organize our solution by adding a Source (src) folder. This is where all our code will live. If you were going to add tests (not in this tutorial), you’d also create a test folder. Now, let's dive into the Clean Architecture layers. Understanding Clean ArchitectureClean Architecture is all about organizing your code into different layers:
The idea is that each layer only knows about the layer below it. This keeps things clean and flexible. Creating the Domain LayerLet’s start with the Domain layer:
Here’s an example of what your entity might look like:
This is a basic entity representing a blog article. Creating the Application LayerNext up is the Application layer:
Here, you might start implementing services or CQRS patterns. For now, let's keep it simple and add a Dependency Injection setup.
This method allows us to add services from the Application layer to our Dependency Injection container. Creating the Infrastructure LayerThe Infrastructure layer handles the gritty details like data access:
Again, we’ll set up Dependency Injection here:
Creating the Presentation LayerFinally, let’s set up the Presentation layer using Blazor:
In the
This code adds the Application and Infrastructure services to the Blazor project. ConclusionAnd that’s it! You’ve set up a basic Clean Architecture with Blazor. This structure will make your app easier to maintain and scale over time. If you’re interested in diving deeper into patterns like CQRS or the Mediator pattern, let me know, and I’ll create more tutorials on those topics. Happy coding and have an awesome weekend! Take care, Patrick PS: Need help understanding .NET & Blazor? There are two ways I can help you with:
PPS: Would you like to sponsor this newsletter? Click here. đź’Ś |
Become a .NET & Blazor expert with weekly tutorials featuring best practices and the latest improvements, right in your inbox.
Hey Reader, In today’s tutorial, I’ll walk you through how to use Dapper, a high-performance micro ORM (object-relational mapper) with a .NET 8 Web API and SQL Server. We’ll cover everything you need to know to build a simple CRUD (Create, Read, Update, Delete) application. Watch on YouTube 📺 Check out the full tutorial on YouTube to see everything in action 👇 What We’ll Be Doing We’re going to work with a simple video game database to start. You’ll learn how to: Read all games or a specific...
Hey Reader, Today, I show you how combining Blazor and JavaScript can give you the best of both worlds. Let’s dive into how you can easily mix the power of these two technologies in your projects! Watch on YouTube 📺 Check out the full tutorial on YouTube to see everything in action 👇 A Simple Example: Console Logging in Blazor Imagine you’re working on a Blazor Server application, and you want to log the current count (of the Counter page) to the console. Your first thought might be to use...
Hey Reader, Today, I'd like to show you two powerful tools for managing data in .NET projects: Entity Framework and Dapper. I'm sure you already heard about them. First, let me explain what an ORM is and then walk you through examples of CRUD (Create, Read, Update, Delete) operations using both tools. Watch on YouTube 📺 Check out the full tutorial on YouTube to see everything in action 👇 What is an ORM? An ORM (Object-Relational Mapper) is a tool that helps your application communicate with a...