Set up and deploy Asp.Net Core API with Angular front end

Those who are new to ASP.Net Core development have surely heard a lot of times about a common application model: ASP..Net Core API with Angular front end. Although it might not be very complicated to get started with both ASP.Net Core and Angular, putting things together in a Visual Studio solution and deploying an end to end application might be confusing. In this video we demonstrate a common a very simple way to set up both Asp.Net Core and Angular in Visual Studio and deploy the application to Azure.

[rommelrueco]

I really love the way you explain things! Very clear. Good job!

[sumangeorge]

Thanks for sharing. I loved the explanation on the end describing architecture and why you used it. :)

[enriquecs]

Thanks for the information! it's really useful

[Sanoop]

Exactly what I am looking for..thanks bro...

[antonvalintsev]

Thank you so much ! That was really helpfully, thank you!

[ElekGuidolin]

Awesome explanation. Clear projects, clean code. As an student, I'd like if you can show us the best way to structure a project with different layers under the API, like Domain, Service, Repository.
Think if my application, by security issues, need to be under physical layers, eg. The backend in one server, and the front in another one.
I'd need to create different projects. UI and API would be in one server, and Domain, Services, and Repository would be need to be in another one.
How do you solve that issue? How do you may separate your projects?
Of course each one have their own solution, but, can you tell us yours?
Anyways, congrats and thanks on your course!

[Emis]

This solution doesn't seem to work with asp.net web api core 3.1. Namely, no redirection happens at index.html. Any suggestion?

[kevinramirez]

When I install Angular on the folder(11:10) they ask me the "Which stylesheet format would you like to use?" actually dont know... The options are
*CSS
*SCSS
*Sass
*Less
*Stylush
I chose CSS, but dont know if theres any change on the others

[rajivlochanpradhan]

Thanks for this video. Could you please make a video for Plesk Deployment?

[simontamasjozsef]

at 21:50 you talk about some snippet that "magically" inserts some code. which snippet is that? (I know how snippets work)

[oanas]

Will you create an updated version for this video? (with vs 2019 & asp.net core 5.0) It's such a gem! 💎💯💯

[zaharivaklinov]

Hey, do you think you could organize a live session and recording, during which you connect an existing ASP.NET Core project with Angular?

[av]

Hi,
How to deploy when Angular is on VSCode and API on Visual Studio ?
TIA.

[Chandu]

👏👏👏👏 super... i have one doubt...
How to enable https in this case?

[CommanderZerg]

I tried to start editing the Angular components but it keeps routing me to the index.html in the wwwroot section and I don't know where that app-root goes too?

[SFORSANDEEP]

Sorry without any code change in startup.cs I got worked by just changing launchurl (launchurl=index.html) in launchsetting.json file. So why all those code changes required??

[mettlus]

How about Routing, loading templates aka partial views (MVC), do i have build and deploy angular each time or i can start working from the source code in web-api project?

[amirkian]

what we should do if we want to use react insted of angualr?

[nidhinpaulvlog]

One thing to add is any one missing wwwroot folder in your angular api project, simply add a new folder and rename it to wwwroot it will by automatically change it as launch folder :) i faced it, so in case if anyone else facing it.

[fujimount]

good idea....but how if I want to access data from database with that approach? do you have a video about that? thanks