Azure Static Web AppでAngular

$ npm install -g @angular/cli

$ ng new azure-static-web-angular
$ cd new azure-static-web-angular
$ ng serve --open

http://localhost:4200

GitHubにリポジトリを作成
GitHub - hiroyuki12/azure-static-web-angular

$ git remote add origin git@github.com:hiroyuki12/azure-static-web-angular.git
$ git branch -M main
$ git push -u origin main

Azure Portalを開き、Static Web Appを作成

アプリの成果物の場所は先ほどのサンプルの Angular アプリのビルドは dist/"app-name" つまり dist/azure-static-web-angular に出力されるので、そこを指定

デプロイの進捗は、GitHubのActionsで確認できる

https://lively-water-0bf19e400.azurestaticapps.net

$ vi src/app/app.component.htmlで変更して、PushするとAzure Static Web AppのAngularが更新される。

Azure Static Web Apps に Angular アプリを早速デプロイしてみた - Qiita

【Docker+Nginx+Angular】Dockerfileでイメージ作ってMacでアプリ立ち上げてみた - Qiita