Merge pull request #275659 from craigshoemaker/swa/update/portal-qs

[Static Web Apps] Update: Portal quickstart

Author: prmerger-automator[bot]

articles/static-web-apps/get-started-portal.md

@@ -4,7 +4,7 @@ description: Learn to deploy a static site to Azure Static Web Apps with the Azu
 services: static-web-apps
 author: craigshoemaker
 ms.author: cshoe
-ms.date: 09/19/2022
+ms.date: 05/17/2024
 ms.topic: quickstart
 ms.service: static-web-apps
 zone_pivot_groups: devops-or-github
@@ -56,25 +56,25 @@ This article uses an Azure DevOps repository to make it easy for you to get star
 8. Copy a repository URL for the framework of your choice, and paste it into the *Clone URL* box.
 
     # [No Framework](#tab/vanilla-javascript)
-    
+
     [https://github.com/staticwebdev/vanilla-basic.git](https://github.com/staticwebdev/vanilla-basic.git)
-    
+
     # [Angular](#tab/angular)
-    
+
     [https://github.com/staticwebdev/angular-basic.git](https://github.com/staticwebdev/angular-basic.git)
-    
+
     # [Blazor](#tab/blazor)
-    
+
     [https://github.com/staticwebdev/blazor-basic.git](https://github.com/staticwebdev/blazor-basic.git)
-    
+
     # [React](#tab/react)
-    
+
     [https://github.com/staticwebdev/react-basic.git](https://github.com/staticwebdev/react-basic.git)
-    
+
     # [Vue](#tab/vue)
-    
+
     [https://github.com/staticwebdev/vue-basic.git](https://github.com/staticwebdev/vue-basic.git)
-    
+
     ---
 
 9. Select **Import** and wait for the import process to complete.
@@ -95,8 +95,6 @@ Now that the repository is created, you can create a static web app from the Azu
 
 In the _Basics_ section, begin by configuring your new app and linking it to a GitHub repository.
 
-:::image type="content" source="media/getting-started-portal/quickstart-portal-basics.png" alt-text="Basics section":::
-
 | Setting | Value |
 |--|--|
 | Subscription | Select your Azure subscription. |
@@ -105,21 +103,21 @@ In the _Basics_ section, begin by configuring your new app and linking it to a G
 | Plan type | Select **Free**. |
 | Source | Select **GitHub** and sign in to GitHub if necessary. |
 
-Select **Sign-in with GitHub** and authenticate with GitHub.
-
-After you sign in with GitHub, enter the repository information.
+If necessary sign in with GitHub, and enter the following repository information.
 
 | Setting | Value |
 |--|--|
 | Organization | Select your organization. |
 | Repository| Select **my-first-web-static-app**. |
-| Branch | Select **<branch_name>**. |
+| Branch | Select **main**. |
 
 :::image type="content" source="media/getting-started-portal/quickstart-portal-source-control.png" alt-text="Repository details":::
 
 > [!NOTE]
-> If you don't see any repositories:
+> If you don't see a list of repositories:
+>
 > - You may need to authorize Azure Static Web Apps in GitHub. Browse to your GitHub profile and go to **Settings > Applications > Authorized OAuth Apps**, select **Azure Static Web Apps**, and then select **Grant**.
+>
 > - You may need to authorize Azure Static Web Apps in your Azure DevOps organization. You must be an owner of the organization to grant the permissions. Request third-party application access via OAuth. For more information, see [Authorize access to REST APIs with OAuth 2.0](/azure/devops/integrate/get-started/authentication/oauth).
 
 ::: zone-end
@@ -134,11 +132,12 @@ In the _Basics_ section, begin by configuring your new app and linking it to an
 | Resource Group | Select the **Create new** link, and enter **static-web-apps-test** in the textbox. |
 | Name | Enter **my-first-static-web-app** in the textbox. |
 | Plan type | Select **Free**. |
-| Source | Select **DevOps**. |
+| Azure Functions and staging details | Select a region closest to you. |
+| Source | Select **Azure DevOps**. |
 | Organization | Select your organization. |
 | Project | Select your project. |
 | Repository| Select **my-first-web-static-app**. |
-| Branch | Select **<branch_name>**. |
+| Branch | Select **main**. |
 
 > [!NOTE]
 > Make sure the branch you are using is not protected, and that you have sufficient permissions to issue a `push` command. To verify, browse to your DevOps repository and go to **Repos** -> **Branches** and select **More options**. Next, select your branch, and then **Branch policies** to ensure required policies aren't enabled.
@@ -149,35 +148,35 @@ In the _Build Details_ section, add configuration details specific to your prefe
 
 # [No Framework](#tab/vanilla-javascript)
 
-1. Select **Custom** from the _Build Presets_ dropdown.
-1. Type **./src** in the _App location_ box.
+1. From the _Build Presets_ dropdown, select **Custom**.
+1. In the _App location_ box, enter **./src**.
 1. Leave the _Api location_ box empty.
-1. Type **./src** _App artifact location_ box.
+1. In the _Output location_ box, enter **./src**.
 
 # [Angular](#tab/angular)
 
-1. Select **Angular** from the _Build Presets_ dropdown.
+1. From the _Build Presets_ dropdown, select **Angular**.
 1. Keep the default value in the _App location_ box.
 1. Leave the _Api location_ box empty.
-1. Type **dist/angular-basic** in the _App artifact location_ box.
+1. In the _Output location_ box, enter **dist/angular-basic**.
 
 # [Blazor](#tab/blazor)
 
-1. Select **Blazor** from the _Build Presets_ dropdown.
+1. From _Build Presets_ dropdown, select **Blazor**.
 1. Keep the default value of **Client** in the _App location_ box.
 1. Leave the _Api location_ box empty.
-1. Keep the default value of **wwwroot** in the _App artifact location_ box.
+1. Keep the default value of **wwwroot** in the _Output location_ box.
 
 # [React](#tab/react)
 
-1. Select **React** from the _Build Presets_ dropdown.
+1. From the _Build Presets_ dropdown, select **React**.
 1. Keep the default value in the _App location_ box.
 1. Leave the _Api location_ box empty.
-1. Type **build** in the _App artifact location_ box.
+1. In the _Output location_ box, enter **build**.
 
 # [Vue](#tab/vue)
 
-1. Select **Vue.js** from the _Build Presets_ dropdown.
+1. From the _Build Presets_ dropdown, select **Vue.js**.
 1. Keep the default value in the _App location_ box.
 1. Leave the _Api location_ box empty.
 1. Keep the default value in the _App artifact location_ box.
@@ -186,6 +185,8 @@ In the _Build Details_ section, add configuration details specific to your prefe
 
 Select **Review + create**.
 
+Select **Create**.
+
 :::image type="content" source="media/getting-started-portal/review-create.png" alt-text="Review and create your Azure Static Web Apps instance.":::
 
 ::: zone pivot="github"