Setup Prerequisites

• Microsoft Entra Tenant
• Microsoft Entra Subscription

Install Azure PowerShell Module

Install-Module -Name Az -Repository PSGallery -Force

Create Resource Group

Connect-AzAccount

New-AzResourceGroup -Name rg-SmashGrade -Location switzerlandNorth

Create a Static Web App (Later we will be able to deploy a template)

Navigate to: Resource groups > rg-SmashGrade > + Create

1. Select your Subscription
2. Your created Resource Group
3. define a name (starting with stapp-* according to the best practices https://learn.microsoft.com/en-us/azure/cloud-adoption-framework/ready/azure-best-practices/resource-abbreviations)
4. select Azure Staging Region
5. Sign in to GitHub an request access token for SmashGrade GitHub Repo
6. Select the Organization, Repo and Branch
7. Build Presents -> React
8. App location /
9. Api location: (default)
10. Output location: 'dist'

Short Overview

Overview Page

On the Overview section you have all the important stuff like the URL for the web page itself or the GitHub Action URL.

Define a password

This will result in a password prompt each time you open the page

Artifacts created by Azure in GitHub

GitHub Action

Secrets for GitHub Actions

Workflow File:

Create Web App

Create a new Web App:

Set Deployment settings: