Angular ASP.NET Core Minimal APIs Tutorial (pt. 3 – publishing)

In this 3-part series you’re going to learn how to combine the popular front end TypeScript framework Angular with an ASP.NET Core Web API.

At the end of it you’ll have a minimal example CRUD Application that demonstrates how to combine the two. Can be used as a clean template to kickstart your CRUD apps.

In this third and final video we focus on publishing the Angular app and ASP.NET API to the Microsoft Azure cloud.

All the tools I’ll use in these tutorials are free for individuals.

This is an intermediate level tutorial so I’m assuming you know the basics of C#, ASP.NET, HTML, CSS, TypeScript and Angular. You don’t really need prior knowledge of Azure.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

►► Interested in learning Blazor? Take a look at my course for it:
https://rubenheeren.com/course-promo-link/blazor-your-dev-portfolio

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

►► DOWNLOAD SOURCE CODE:
https://github.com/RubenHeeren/AngularAspNetTutorial

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Server live link:
https://angularaspnetserver.azurewebsites.net/index.html

Client live link:
https://gray-moss-0ea0c0703.1.azurestaticapps.net/

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

►► TIMESTAMPS

0:00 – Intro
2:21 – Publishing API
9:13 – Publishing Angular front end
20:47 – Fixing CORS error
22:24 – Improving CI/CD Actions file
27:18 – Thanks for watching

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Good luck on your developer journey!

#devops #azure #githubactions