Skip to content

jolmari/boilerplate-separated-aspnet-core-angular

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Separated ASP.NET Core & Angular SPA boilerplate

A boilerplate used in Angular & ASP.NET Core solutions with a desire for separation of concerns.

What is it about

This boilerplate demonstrates how to separate your ASP.NET Core backend and Angular frontend using @angular/cli

Storing the scripts inside ASP.NET Core Web App projects proves tricky when there is a need to share modules/components/services between multiple Angular applications, or the developer needs to transpile one or multiple Angular applications to different ASP.NET Core backends.

Pre-requisites

  1. Node 6.9.5 or higher, NPM 3 or higher
  2. Global @angular/cli installation
  3. Visual Studio 2017 with ASP.NET Core development dependencies

Quick start

  1. Open the Backend.sln solution in Visual Studio 2017
  2. Open command line & navigate to .\apps\sample-app
  3. Execute "npm install" to install dependencies
  4. Execute "ng build" on the command line. Wait until build is finished.
  5. Ctrl + F5 in visual studio