Static Web hosting with Azure + Angular + Github + DNS

We are going to setup an Angular static web site in Azure using Github. The domain provider is a separate vendor. Follow the easy steps to do the things.

1. Install Angular and write you basic app
2. Commit the changes to github repo
3. Create an Azure account if you don't have and enable free subscription(Trial) 
4. Create a static web app in Azure
1. Create a new Resource Group
2. Set Deployment details as GitHub
3. Attach your Github Account and give the repo and branch details
4. Review and Create
5. Once you saved GitHub Action will start to run and deploy the latest code in the selection branch (Sometimes this may failed as you don't have the build folder in the angular project path.So please create in this error occurred).

        

5. Now you have almost complete with the deployment. Next you have to link with the domain which you already purchased.

 

6. Go to the static web app custom domain and get the alias. After that go to your domain provider and link with (You can use CNAME or A Record according to the type of t he domain).