Skip to content

Commit da238c7

Browse files
update steps
1 parent 8fd4d19 commit da238c7

File tree

1 file changed

+18
-19
lines changed

1 file changed

+18
-19
lines changed

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

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ description: Learn to deploy a static site to Azure Static Web Apps with the Azu
44
services: static-web-apps
55
author: craigshoemaker
66
ms.author: cshoe
7-
ms.date: 09/19/2022
7+
ms.date: 05/17/2024
88
ms.topic: quickstart
99
ms.service: static-web-apps
1010
zone_pivot_groups: devops-or-github
@@ -95,32 +95,29 @@ Now that the repository is created, you can create a static web app from the Azu
9595

9696
In the _Basics_ section, begin by configuring your new app and linking it to a GitHub repository.
9797

98-
:::image type="content" source="media/getting-started-portal/quickstart-portal-basics.png" alt-text="Basics section":::
99-
10098
| Setting | Value |
10199
|--|--|
102100
| Subscription | Select your Azure subscription. |
103101
| Resource Group | Select the **Create new** link, and enter **static-web-apps-test** in the textbox. |
104102
| Name | Enter **my-first-static-web-app** in the textbox. |
105103
| Plan type | Select **Free**. |
106-
| Azure Functions and staging details | Select a region closest to you. |
107104
| Source | Select **GitHub**. |
108105

109-
Select **Sign-in with GitHub** and authenticate with GitHub.
110-
111-
After you sign in with GitHub, enter the repository information.
106+
If necessary sign in with GitHub, and enter the following repository information.
112107

113108
| Setting | Value |
114109
|--|--|
115110
| Organization | Select your organization. |
116111
| Repository| Select **my-first-web-static-app**. |
117-
| Branch | Select **<branch_name>**. |
112+
| Branch | Select **main**. |
118113

119114
:::image type="content" source="media/getting-started-portal/quickstart-portal-source-control.png" alt-text="Repository details":::
120115

121116
> [!NOTE]
122-
> If you don't see any repositories:
117+
> If you don't see a list of repositories:
118+
>
123119
> - 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**.
120+
>
124121
> - 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).
125122
126123
::: zone-end
@@ -151,35 +148,35 @@ In the _Build Details_ section, add configuration details specific to your prefe
151148

152149
# [No Framework](#tab/vanilla-javascript)
153150

154-
1. Select **Custom** from the _Build Presets_ dropdown.
155-
1. Type **./src** in the _App location_ box.
151+
1. From the _Build Presets_ dropdown, select **Custom**.
152+
1. In the _App location_ box, enter **./src**.
156153
1. Leave the _Api location_ box empty.
157-
1. Type **./src** _App artifact location_ box.
154+
1. In the _Output location_ box, enter **./src**.
158155

159156
# [Angular](#tab/angular)
160157

161-
1. Select **Angular** from the _Build Presets_ dropdown.
158+
1. From the _Build Presets_ dropdown, select **Angular**.
162159
1. Keep the default value in the _App location_ box.
163160
1. Leave the _Api location_ box empty.
164-
1. Type **dist/angular-basic** in the _App artifact location_ box.
161+
1. In the _Output location_ box, enter **dist/angular-basic**.
165162

166163
# [Blazor](#tab/blazor)
167164

168-
1. Select **Blazor** from the _Build Presets_ dropdown.
165+
1. From _Build Presets_ dropdown, select **Blazor**.
169166
1. Keep the default value of **Client** in the _App location_ box.
170167
1. Leave the _Api location_ box empty.
171-
1. Keep the default value of **wwwroot** in the _App artifact location_ box.
168+
1. Keep the default value of **wwwroot** in the _Output location_ box.
172169

173170
# [React](#tab/react)
174171

175-
1. Select **React** from the _Build Presets_ dropdown.
172+
1. From the _Build Presets_ dropdown, select **React**.
176173
1. Keep the default value in the _App location_ box.
177174
1. Leave the _Api location_ box empty.
178-
1. Type **build** in the _App artifact location_ box.
175+
1. In the _Output location_ box, enter **build**.
179176

180177
# [Vue](#tab/vue)
181178

182-
1. Select **Vue.js** from the _Build Presets_ dropdown.
179+
1. From the _Build Presets_ dropdown, select **Vue.js**.
183180
1. Keep the default value in the _App location_ box.
184181
1. Leave the _Api location_ box empty.
185182
1. Keep the default value in the _App artifact location_ box.
@@ -188,6 +185,8 @@ In the _Build Details_ section, add configuration details specific to your prefe
188185

189186
Select **Review + create**.
190187

188+
Select **Create**.
189+
191190
:::image type="content" source="media/getting-started-portal/review-create.png" alt-text="Review and create your Azure Static Web Apps instance.":::
192191

193192
::: zone pivot="github"

0 commit comments

Comments
 (0)