Build a Blazor movie database app (Overview)

Note

This isn't the latest version of this article. For the current release, see the .NET 9 version of this article.

Important

This information relates to a pre-release product that may be substantially modified before it's commercially released. Microsoft makes no warranties, express or implied, with respect to the information provided here.

For the current release, see the .NET 9 version of this article.

This tutorial explains the basics of building a Blazor Web App with a database, Entity Framework (EF) Core, and user interactivity.

Parts of this series include:

1. Create a Blazor Web App
2. Add and scaffold a model
3. Learn about Razor components
4. Work with a database
5. Add validation
6. Add search
7. Add a new field
8. Add interactivity

At the end of the tutorial, you'll have a Blazor Web App that can display and manage movies in a movie database.

Secure authentication flow required for production apps

This tutorial uses a local database that doesn't require user authentication. Production apps should use the most secure authentication flow available. For more information on authentication for deployed test and production Blazor Web Apps, see the following resources:

• ASP.NET Core Blazor authentication and authorization
• Secure ASP.NET Core server-side Blazor apps and the following articles in the Server security node
• Secure an ASP.NET Core Blazor Web App with OpenID Connect (OIDC)
• Secure an ASP.NET Core Blazor Web App with Microsoft Entra ID

For Microsoft Azure services, we recommend using managed identities. Managed identities securely authenticate to Azure services without storing credentials in app code. For more information, see the following resources:

• What are managed identities for Azure resources? (Microsoft Entra documentation)
• Azure services documentation
  • Managed identities in Microsoft Entra for Azure SQL
  • How to use managed identities for App Service and Azure Functions

Sample app

If you don't intend to create the demonstration app while reading the article, you can refer to the completed sample app in the Blazor samples GitHub repository (dotnet/blazor-samples). Select the latest version folder in the repository. The sample folder for this tutorial's project is named BlazorWebAppMovies.

Article code examples

The line breaks of code examples shown in the ASP.NET Core documentation often don't match line breaks in scaffolded code generated by tooling for an app. This is due to an article publishing limitation. Lines of code in articles are generally limited to 85 characters in length, and we manually adjust the line length using line breaks to satisfy our publishing guidelines.

As you work through this tutorial or use any other ASP.NET Core article's code examples, you never need to adjust scaffolded code in your app to match the line breaks displayed in article code examples.

Report a tutorial issue

To open a documentation GitHub issue for an article of the series, use the Open a documentation issue link at the bottom of the article. Using the link to create your issue adds important tracking metadata to the issue and automatically pings the author of the article.

Support requests

We welcome feedback on the tutorial's articles, such as bug reports and comments on the article's text, but we're often unable to provide product support. If you run into a problem while following the tutorial, don't immediately open a documentation issue. Check the steps that you've taken against the article and compare your code to the sample app before opening an issue because many problems can be traced to missing a step or not following a step correctly.

For general questions about .NET and Blazor beyond the tutorial and reference documentation or to obtain assistance from the .NET community, converse with developers in public forums.

Next steps

Next: Create a Blazor Web App