Build, Deploy, Configure CI &CD Your Static Website in 5 mins

5 mins is what it takes

If you have a static website that has contents like HTML, CSS and images and you would like to host them, you can do that in 5 mins with the help of Azure Static Web Apps. Some of the key benefits of static web app are globally distributed content without the need of CDN, free auto-rotated SSL certificate, API support with Azure function. Here in this post we will see how we can create, build, deploy the Azure Static Web app.

Prerequisites

1. You must have a repository that has your static files
2. You must have access to Azure portal

Create Azure Static Web App

Go to the Azure portal and select the static web app. Under the deployment settings, make sure you select the Azure devops repository where the static files are pushed.

For the build preset, select one that suits your project, here I am selecting HTML. The app artefact location or output location is based on the preset that you select. For HTML it is “/”, you can learn more on that here.

When you click on the Review + Create button on the portal, the build and release pipeline will be created with YAML file that you can edit later.