Exploring ASP.NET Core Razor Pages

ASP.NET Core Razor Pages allow a developer to easily mix C# code statements with HTML markup to make the generated web page dynamic. That is why Razor Pages use the .cshtml file extension.

By convention, ASP.NET Core looks for Razor Pages in a folder named Pages.

Enabling Razor Pages

You will now copy and change the static HTML page into a dynamic Razor Page, and then add and enable the Razor Pages service:

1. In the Northwind.Web project folder, create a folder named Pages.
2. Copy the index.html file into the Pages folder. (In Visual Studio 2022 or JetBrains Rider, hold down Ctrl while dragging and dropping.)
3. For the file in the Pages folder, rename the file extension for index.html from .html to .cshtml.
4. In the Pages folder, in index.cshtml, add the @page directive to the top of the file.
5. In index.cshtml, remove the <h2> element that says that this is a static HTML page.
6. In Program.cs, after...