How To Deploy Angular 14 .Net 6 Web App To Azure FULL TUTORIAL!

How To Deploy Angular 14 .Net 6 Web App To Azure FULL TUTORIAL!

In this tutorial I will cover every single thing that you will need to do to deploy your Angular 14 .Net 6 web app to azure. Included in this is how to set up you sql server instance and navigate any issues that could arise there. We will first test push the API into Azure first. Then once we can prove that its working in Azure we can push the Angular 14 client and connect everything. Just know that the UI of Azure changes all the time so if the things aren't exactly where they are from my video don't worry they might have just been moved. If you enjoy this video please leave a like and subscribe!

#angular #dotnet #AngularDotNetTutorial

TimeStamps
-----------------------------
00:00 Intro
00:45 Showing Off The App
01:37 Creating The Resource Group
02:25 Creating Our API Web APP
03:35 Creating Our Azure SQL Server Instance And SQL DB
10:30 Publishing The API To Azure
12:32 Testing API And SQL Server In Azure With Local Frontend
14:46 Fixing Error Number 1
16:00 Fixing Error Number 2
19:44 Pushing Angular 14 Frontend To Azure

[IsraelQuiroz]

Hope you guys found this video helpful! Don't forget to drop a Like & Subscribe!

[easypeasy]

BEST TUTORIAL EVER I SWEAR <3
thank you so much man... been struggling for a week with docker and this really helped me successfully deploy the application!

[patricknavega]

From Brazil: BEST TUTORIAL EVER, this is exactly what I looking for.Thanks a lot for the content and for the quality.

[germansantiagoramospena]

One of the best tutoriales i've ever seen, simple and straight to the poing, amazing!

[NhiNguyen-eqxu]

Thank you for this tutorial, it helps me alot <3

[vata]

thank you! very useful video. especially info about firewall rule for SQL database saved me alot of time! Thanks!

[truthvoyager]

This is the EXACT video I was looking for. Thank you very much my good sir. Hopefully everything still works in 2024 😅

[leafmagi]

thank you bro! i spend half day to deploy my web app and sql to azure. And i am going to deploy another one, much more difficult one. but that one totally match ur topic, SQL + ANGULAR + .NET. just love you >3 >3>3>3

[julioantoniogonzalezmartin]

This video is incredible amazing, keep it up, bro! you helped me on my current job! Much love from México, wey!

[manivannanr]

This is a good short video of deploying Angular Dotnet app to Azure

[khalidsultani]

thanks for posting this awesome video and info on putting changes back to azure app or ci/cd

[patricknavega]

Hi Israel,

Do you have some video explaining how set this process by CI/CD resources on Azure devops?

[daniel]

Subbed. Great content. I have angular 17, .net 8 api with redis cache and mssql. Are there additional steps because of the redis cache?

[hectorcontreras]

I created my database tables using EF Core migrations CLI command: dotnet ef migrations add "Initial" -o "Data/Migrations" followed by: dotnet ef database update . . . how would I accomplish a similar objective in Azure?

[peaceofmind]

Form india... Thank lot bro ...Keep Rocking 🔥🤘

[sameerfromfsd]

that was exactly i was looking for .... great job thumbs up.

[alexis_suarez]

Great tutorial! Thanks man.
I know that you can also upload the angular app to a storage account as a static website. What is the differences between these two approaches?? Is any of them cheaper? or what about performance? what is best?

[dboulos]

Thanks Israel, that was extremely helpful!

[christopherfc]

Wonderful, thank you for this detailed tutorial.
I have a question regarding billing. The only paid aspect I see is access to the SQL database, did you actually get about $5 billing? DTU billing is relatively complicated.

[sweetysnehith]

HI sir
can you please share reference to set custom DNS in front end url