Welcome to the Blazor series

Here you will find everything you need to get started using Blazor!

First Steps

If you are new to Blazor, this is the place to start. If not, feel free to skip ahead for more advanced topics.

Creating Pages

Blazor is installed and ready to go! Now, let’s learn how to create Blazor pages. It’s easier than you think.

  • Components: Blazor is all about components. Let’s start things off by learning what is a componentĀ in Blazor and how to use them.
  • Layouts: Here you will learn how to create and use layouts.
  • Routing: Blazor makes routing a breeze. Take a look for yourself.
  • Data Binding: Yep! Blazor has data binding too. Learn it here, it’s child’s play.
  • Lifecycle Methods: We are diving a little deeper now. Let’s see what you canĀ do with Blazor’s lifecycle methods.
  • Dynamic Content: Learn how to create dynamic components and dynamic fragments in Blazor.

Dependency Injection

Blazor has dependency injection (DI) built in! You can use Blazor’s built-in services by “injecting” them into your components. You can also define custom services and make them available to any component via DI.

  • Add Services:
  • Default Services:
  • Request a Service:
  • Dependency Injection in Services:
  • Consuming APIs:

JavaScript Interop

Do you miss JavaScript? Don’t worry, you can still use it. Blazor lets you call JavaScript functions from your .NET code. But an even better feature is that you can call .NET methods from your JavaScript code! Read the following posts to find out how.

  • Call JS functions from .NET:
  • Call .NET methods from JS:

Debug, Host, and Deploy

Let’s find out how you can debug, host and deploy your Blazor app.

  • Debug: Learn how to use Chrome to debug your Blazor apps.
  • Publish: Want to publish your new app? Read this to find out how.
  • Host: Let’s see what options we have to host our Blazor apps. It shouldn’t be that hard, right?