Azure - Create a Static Web App
Follow this runbook to create an Azure Static Web App.
Create Static Web App
In the top search bar type static web apps.
Select Static Web Apps under Services.
To create a Static Web App, select + Create.
Basics
Project Details
Choose a Subscription.
Choose a Resource group.
Use the Create new link to create a new resource group.
Static Web App Details
Set the Name.
Hosting Plan
Choose Plan type of either Free or Standard.
See plan differences at https://azure.microsoft.com/en-gb/pricing/details/app-service/static/.
Azure Functions and Staging Details
Choose a Region for Azure Functions API and staging environments.
Whatever region is closest to your location.
Deployment Details
At the time of writing, only GitHub has the ability to have staging environments for an app, such as dev/test.
GitHub
Follow any sign in instruction if required for GitHub.
Choose the Organization.
Choose the Repository.
Choose the Branch.
Azure DevOps
Follow any sign in instruction if required for Azure DevOps.
Choose the Organization.
Choose the Project.
Choose the Repository.
Choose the Branch.
Build Details
Choose the Build Presets.
If no framework is required for the web app, set it to Custom.
Set App location to the folder in your repository with the app code.
Set to / if it is the entire repository.
If using Azure Functions, set Api Location.
If required, set Output Location.
The path of your build output relative to your apps location. Setting a value of 'build' when your app location is set to '/app' will cause the content at '/app/build' to be served.
Select Next : Tags >.
Tags
Enter tag Names & Values.
Select Next : Review + create >.
Review + create
Confirm the Details.
Select Create.
Overview
The deployment should take < 1 minute.
Once complete, select Go to resource.
The overview page should look like:
The app may still be being built by the pipelines within GitHub/Azure DevOps. Use the link within the information banner above to monitor progress.