Where to put the Angular app in a ASP.NET Web API solution?

Question

I'm starting a greenfield app and I want to use ASP.NET (4.6) and Angular 2. For the backend I have created a project in Visual Studio, and now I'm wondering where to put the Angular app. I really want to use npm and node-tools for the front-end, but in the end it will be hosted in the same Azure App Service instance with the Angular app at ``domain.com/`` and the api under ``domain.com/api/`` or such.How should I separate the apps in Visual Studio? Should the Angular app be in it's own project? Should I have the Angular app in the same project as the API? Even if I don't want to use nuget and the other VS-tools for it? (For the front end, VS would be more or less a glorified code editor). I haven't found any best practices for this combination.

Answer 1

I suggest creating two separate projects in Visual Studio. You can still deploy the API project into a api folder on Azure. Also, in Visual Studio I'd both of the projects under one solution for easier development and debugging. You could use the nodejs extension for Visual Studio for npm projects or create those manually yourself.