Merge pull request #281758 from craigshoemaker/swa/output-folder

[Static Web Apps] Update: Output folder and Angular 17 Note

Author: prmerger-automator[bot]

articles/static-web-apps/bitbucket.md

@@ -5,7 +5,7 @@ services: static-web-apps
 author: craigshoemaker
 ms.service: static-web-apps
 ms.topic: quickstart
-ms.date: 03/31/2021
+ms.date: 04/24/2024
 ms.author: cshoe
 ---
 
@@ -62,7 +62,7 @@ This article uses a GitHub repository as the source to import code into a Bitbuc
 
 1. Next to the *Project* label, select **Create new project**.
 1. Enter **MyStaticWebApp**.
-2. Select **Import repository** and wait a moment while the website creates your repository.
+1. Select **Import repository** and wait a moment while the website creates your repository.
 
 ### Set main branch
 
@@ -72,7 +72,7 @@ From time to time the template repository have more than one branch. Use the fol
 1. Expand the **Advanced** section.
 1. Under the *Main branch* label, ensure **main** is selected in the drop down.
 1. If you made a change, select **Save changes**.
-2. Select **Back**.
+1. Select **Back**.
 
 ## Create a static web app
 
@@ -96,10 +96,10 @@ Now that the repository is created, you can create a static web app from the Azu
 
 1. Select **Review + create**.
 1. Select **Create**.
-2. Select **Go to resource**.
-3. Select **Manage deployment token**.
-4. Copy the deployment token value and set it aside in an editor for later use.
-5. Select **Close** on the *Manage deployment token* window.
+1. Select **Go to resource**.
+1. Select **Manage deployment token**.
+1. Copy the deployment token value and set it aside in an editor for later use.
+1. Select **Close** on the *Manage deployment token* window.
 
 ## Create the pipeline task in Bitbucket
 
@@ -108,8 +108,8 @@ Now that the repository is created, you can create a static web app from the Azu
 1. Ensure the **main** branch is selected in the branch drop down.
 1. Select **Pipelines**.
 1. Select text link **Create your first pipeline**.
-2. On the *Starter pipeline* card, select **Select**.
-3. Enter the following YAML into the configuration file.
+1. On the *Starter pipeline* card, select **Select**.
+1. Enter the following YAML into the configuration file.
 
     # [No Framework](#tab/vanilla-javascript)
 
@@ -147,6 +147,9 @@ Now that the repository is created, you can create a static web app from the Azu
                     API_TOKEN: $deployment_token
     ```
 
+    > [!NOTE]
+    > If you are using these instructions with your own code and Angular 17 or above, the output location value needs to end with **/browser**.
+
     # [Blazor](#tab/blazor)
 
     ```yml

articles/static-web-apps/deploy-angular.md

@@ -5,7 +5,7 @@ services: static-web-apps
 author: craigshoemaker
 ms.service: static-web-apps
 ms.topic:  how-to
-ms.date: 08/02/2023
+ms.date: 07/24/2024
 ms.author: cshoe
 zone_pivot_groups: devops-or-github
 ---
@@ -41,25 +41,25 @@ This article uses a GitHub template repository to make it easy for you to get st
 This article uses an Azure DevOps repository to make it easy for you to get started. The repository features a starter app used to deploy using Azure Static Web Apps.
 
 1. Sign in to Azure DevOps.
-2. Select **New repository**.
-3. In the *Create new project* window, expand **Advanced** menu and make the following selections:
+1. Select **New repository**.
+1. In the *Create new project* window, expand the **Advanced** menu, and make the following selections:
 
     | Setting | Value |
     |--|--|
     | Project | Enter **my-first-web-static-app**. |
     | Visibility | Select **Private**. |
-    | Version control | Select **Git**.  |
+    | Version control | Select **Git**. |
     | Work item process | Select the option that best suits your development methods. |
 
-4. Select **Create**.
-5. Select the **Repos** menu item.
-6. Select the **Files** menu item.
-7. Under the *Import repository* card, select **Import**.
-8. Copy a repository URL for the framework of your choice, and paste it into the *Clone URL* box.
+1. Select **Create**.
+1. Select the **Repos** menu item.
+1. Select the **Files** menu item.
+1. Under the *Import repository* card, select **Import**.
+1. Copy a repository URL for the framework of your choice, and paste it into the *Clone URL* box.
 
     [https://github.com/staticwebdev/angular-basic.git](https://github.com/staticwebdev/angular-basic.git)
 
-9. Select **Import** and wait for the import process to complete.
+1. Select **Import** and wait for the import process to complete.
 
 ::: zone-end
 
@@ -75,7 +75,10 @@ In the _Build Details_ section, add configuration details specific to your prefe
 
 1. Leave the _Api location_ box empty.
 
-1. Type **dist/angular-basic** in the _App artifact location_ box.
+1. Type **dist/angular-basic** in the _Output location_ box.
+
+> [!NOTE]
+> If you are using these instructions with your own code and Angular 17 or above, the output location value needs to end with **/browser**.
 
 Select **Review + create**.
 

articles/static-web-apps/deploy-nextjs-hybrid.md

@@ -90,7 +90,7 @@ In the _Build Details_ section, add configuration details specific to your prefe
 
 1. Leave the _Api location_ box empty.
 
-1. Leave the _App artifact location_ box empty.
+1. Leave the _Output location_ box empty.
 
 Select **Review + create**.
 

articles/static-web-apps/deploy-vue.md

@@ -42,13 +42,13 @@ This article uses an Azure DevOps repository to make it easy for you to get star
 
 1. Sign in to Azure DevOps.
 2. Select **New repository**.
-3. In the *Create new project* window, expand **Advanced** menu and make the following selections:
+3. In the *Create new project* window, expand **Advanced** menu, and make the following selections:
 
     | Setting | Value |
     |--|--|
     | Project | Enter **my-first-web-static-app**. |
     | Visibility | Select **Private**. |
-    | Version control | Select **Git**.  |
+    | Version control | Select **Git**. |
     | Work item process | Select the option that best suits your development methods. |
 
 4. Select **Create**.
@@ -75,7 +75,7 @@ In the _Build Details_ section, add configuration details specific to your prefe
 
 1. Leave the _Api location_ box empty.
 
-1. Keep the default value in the _App artifact location_ box.
+1. Keep the default value in the _Output location_ box.
 
 Select **Review + create**.