Do you ever wonder how a website is functioning? In modern IT solutions, these are hosted via cloud (e.g. Deployed using Azure). Now, you will have a chance to create your first static web app, if this is your first time dealing with this.
Remember: Azure Static Web Apps is an Azure service that publishes a website to a production environment by building apps from an Azure DevOps or GitHub repository. In this exercise, you can deploy a web application to Azure Static Web apps using the Azure portal.
Let's first create a repository using Azure DevOps. The repository features a starter app used to deploy using Azure Static Web Apps.
5. Select Create.
6. Select the Repos menu item.
7. Select the Files menu item.
8. Under the Import repository card, select Import.
9. Copy a repository URL for the framework of your choice, and paste it into the Clone URL box. https://github.com/staticwebdev/vanilla-basic.git
10. Select Import and wait for the import process to complete.
Please take note of the branch name as this info will be later used in the next task.
Now that the repository is created, you can create a static web app from the Azure portal.
In the Basics section, begin by configuring your new app and linking it to an Azure DevOps repository.
In the Build Details section, add configuration details specific to your preferred front-end framework.
Select Review + create.
Select Go to resource.