Articles → MICROSOFT AZURE → Static Web Apps In Azure

Static Web Apps In Azure






Purpose





Steps




  1. Create a React project
  2. Upload the project on GitHub
  3. Create the static web app
  4. Output



Create A React Project





Upload The Project On Github




Picture showing uploading the project on GitHub

Click to Enlarge


Create The Static Web App




Picture showing the Static Web App service in the search result of the Azure portal

Click to Enlarge



Picture showing the +Create button for creating the new static web app

Click to Enlarge



FieldValue
Resource GroupRG1
NameMyFirstStaticWebApp
Plan typeFree: For hobby or personal projects


Picture showing the Create static web app screen for creating the new static web app

Click to Enlarge



Picture showing the Deployment details section to select the GitHub repository

Click to Enlarge



Picture showing the screen to authorize static app to access GitHub

Click to Enlarge



Picture showing the GitHub repository is selected while creating the static website

Click to Enlarge



Picture showing the build details section while creating the static app

Click to Enlarge



Picture showing the review screen of static app

Click to Enlarge




Output




Picture showing the message that specifies that the GitHub build is in progress

Click to Enlarge



Picture showing the output of Static Web Apps In Azure

Click to Enlarge


Posted By  -  Karan Gupta
 
Posted On  -  Sunday, June 26, 2022

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250