Angular App on App Service

%3CLINGO-SUB%20id%3D%22lingo-sub-2435970%22%20slang%3D%22en-US%22%3EAngular%20App%20on%20App%20Service%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2435970%22%20slang%3D%22en-US%22%3E%3CP%3EWe%20have%20an%20angular%20app%20deployed%20to%20an%20Azure%20App%20Service%2C%20currently%20still%20in%20development%20so%20the%20hosting%20of%20the%20app%20service%20is%20still%20in%20consideration.%20Lots%20of%20blogs%20suggest%20deploying%20an%20Angular%20app%20to%20a%20storage%20account%20rather%20than%20the%20app%20service.%20What%20is%20your%20opinion%20on%20this%3F%20Storage%20account%20may%20be%20cheaper%20but%20will%20we%20miss%20out%20on%20management%20features%20if%20we%20were%20to%20go%20down%20this%20route%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2436061%22%20slang%3D%22en-US%22%3ERE%3A%20Angular%20App%20on%20App%20Service%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2436061%22%20slang%3D%22en-US%22%3EAzure%20Static%20Web%20Apps%20would%20be%20worth%20taking%20a%20look%20at%20since%20it%20is%20purpose%20built%20for%20static%2Fclient-side%20webapps%3A%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Flearn%2Fmodules%2Fpublish-app-service-static-web-app-api%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Flearn%2Fmodules%2Fpublish-app-service-static-web-app-api%2F%3C%2FA%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2534134%22%20slang%3D%22en-US%22%3ERe%3A%20Angular%20App%20on%20App%20Service%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2534134%22%20slang%3D%22en-US%22%3EYou%20won%E2%80%99t%20miss%20out%20any%20features.%3CBR%20%2F%3E%3CBR%20%2F%3EAzure%20Storage%20Account%E2%80%99s%20Static%20Web%20is%20a%20very%20good%20option%20and%20way%20cheaper.%20If%20you%20add%20CDN%20on%20top%20of%20that%20your%20job%20is%20done.%20Your%20site%20becomes%20globally%20distributed.%20Check%20more%20abut%20or%20here%20%26gt%3B%26gt%3B%20%3CA%20href%3D%22https%3A%2F%2Fsubhankarsarkar.com%2Fone-dollar-deployment-of-single-page-application-in-azure%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsubhankarsarkar.com%2Fone-dollar-deployment-of-single-page-application-in-azure%2F%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EWith%20new%20Azure%20Static%20Web%2C%20CDN%20comes%20freely.%20Also%20you%20can%20have%20a%20serverless%20backend%20api%20in%20Azure%20Functions.%3CBR%20%2F%3E%3CBR%20%2F%3ECheck%20out%20this%20article%20for%20an%20Angular%20Deployment%20with%20Azure%20Static%20App%20%26gt%3B%26gt%3B%20%3CA%20href%3D%22https%3A%2F%2Flink.medium.com%2FsLfHL9RPLhb%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Flink.medium.com%2FsLfHL9RPLhb%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EI%20hope%20this%20helps.%3C%2FLINGO-BODY%3E
Occasional Contributor

We have an angular app deployed to an Azure App Service, currently still in development so the hosting of the app service is still in consideration. Lots of blogs suggest deploying an Angular app to a storage account rather than the app service. What is your opinion on this? Storage account may be cheaper but will we miss out on management features if we were to go down this route?

2 Replies
Azure Static Web Apps would be worth taking a look at since it is purpose built for static/client-side webapps: https://docs.microsoft.com/en-us/learn/modules/publish-app-service-static-web-app-api/
You won’t miss out any features.

Azure Storage Account’s Static Web is a very good option and way cheaper. If you add CDN on top of that your job is done. Your site becomes globally distributed. Check more abut or here >> https://subhankarsarkar.com/one-dollar-deployment-of-single-page-application-in-azure/

With new Azure Static Web, CDN comes freely. Also you can have a serverless backend api in Azure Functions.

Check out this article for an Angular Deployment with Azure Static App >> https://link.medium.com/sLfHL9RPLhb

I hope this helps.