ASP.NET Core Razor Pages Typescript Template

A simple project template for building ASP.NET Core web sites using .NET Core 3.x (the latest/fastest version of .NET Core to date), Razor Pages and Typescript for modern browsers using ESModules.

The point of this template is to get you a base project up and running quickly using modern browser supported practices and the latest ASP.NET Core Razor Pages foundation.

Tools and Frameworks Used

• .NET Core 3.1
• ASP.NET Core
• Serilog.AspNetCore - For structured logging capabilities
• WebOptimizer - For minifying CSS and JS, as well as compiling SCSS
• Typescript - Which adds optional static typing to Javascript
• Bootstrap - Popular framework for building responsive, mobile-first sites

Install the extension from the Visual Studio Marketplace

• Fire up Visual Studio 2019, click the "Continue without code" link.
• On the "Extensions" menu, click "Manage Extensions".
• Click "Online" and then search for ASP.NET Core Razor Pages Typescript Template.
• Click "Download" and the extension is then scheduled for install.
• To complete the installation, close all instances of Visual Studio.

Alternatively, you can install the VSIX Extension directly by clicking the "Download" button at the top of this page.

Create a new Project from ASP.NET Core Razor Pages Typescript Template Extension

• Open Visual Studio 2019 and then select "Create New Project" box
• The newly installed template should appear at the top. You can also type "ASP.NET Core Razor" in the search bar.
• Click the "ASP.NET Core Razor Pages Typescript Template" item and then click "Next".
• Name your project to whatever you like and then click "Create".
• Visual Studio should generate the files for you.