Merge pull request #276987 from msangapu-msft/appspaces-links

updates

Author: v-shils

articles/app-spaces/how-to-add-components.md

@@ -12,13 +12,15 @@ zone_pivot_groups: app-spaces-add-component
 
 # Add App Spaces components
 
+[!include [preview note](./includes/preview-note.md)]
+
 [App Spaces](https://go.microsoft.com/fwlink/?linkid=2234200) is an intelligent service for developers that reduces the complexity of creating and managing web apps. This guide shows you how to add components to an existing App Spaces app. Components can be a back-end app (Azure Container App), a front-end app (Static Web App), or a database (MariaDB, PostgreSQL, Qdrant).
 
 [!include [component types](./includes/component-types-table.md)]
 
 ## Add components
 
-To add a component to your App Space, select **+ Add component** on the _App Space_ page.
+To add a component to your App Space, on the _App Space_ page, select **+ Add component**.
 
 ::: zone pivot="custom"  
 

articles/app-spaces/how-to-manage-components.md

@@ -11,6 +11,8 @@ zone_pivot_groups: app-spaces-component-types
 
 # Manage components in App Spaces
 
+[!include [preview note](./includes/preview-note.md)]
+
 You can manage the components of your App Spaces by selecting the component on the __App Space__ page. 
 
 [!include [component types](./includes/component-types-table.md)]

articles/app-spaces/includes/preview-note.md

@@ -0,0 +1,10 @@
+---
+author: msangapu-msft
+ms.author: msangapu
+ms.topic: include
+ms.date: 06/03/2024
+---
+
+> [!NOTE]
+> App Spaces is in preview. 
+>

articles/app-spaces/media/azure-portal-search-app-spaces.png

@@ -12,8 +12,9 @@ zone_pivot_groups: app-spaces-frontend-backend
 
 # Quickstart: Deploy a starter app with App Spaces
 
-[App Spaces](https://go.microsoft.com/fwlink/?linkid=2234200) is an intelligent service for developers that reduces the complexity of creating and managing web apps. This article describes how to deploy a starter app to App Spaces. You select one of the samples provided to provision new resources on Azure. For more information, see [About App Spaces](overview.md). 
+[!include [preview note](./includes/preview-note.md)]
 
+[App Spaces](https://go.microsoft.com/fwlink/?linkid=2234200) is an intelligent service for developers that reduces the complexity of creating and managing web apps. This article describes how to deploy a starter app to App Spaces. You select one of the samples provided to provision new resources on Azure. For more information, see [About App Spaces](overview.md). 
 
 ## Prerequisites
 
@@ -26,12 +27,15 @@ To deploy a sample app for App Spaces, you must have the following items:
 
 While Express.JS (back end) and React (front end) apps are used in this quickstart, other starter apps are also available in App Spaces. See [App Spaces in the Azure portal](https://portal.azure.com/#view/Microsoft_Azure_PaasServerless/StarshotTemplateGallery.ReactView) for a full list of starter apps in App Spaces.
 
-Follow these steps to deploy a sample app to App Spaces. 
+Follow these steps to deploy a starter app to App Spaces. 
 
-1. Browse to [https://portal.azure.com/#view/Microsoft_Azure_PaasServerless/StarshotHome.ReactView](https://portal.azure.com/#view/Microsoft_Azure_PaasServerless/StarshotHome.ReactView).
+1. Browse to the [Azure portal](https://portal.azure.com/).
+1. In the search bar, search for **app spaces** and select it in the results.
+:::image type="content" source="media/azure-portal-search-app-spaces.png" alt-text="Screenshot of App Space in Azure portal.":::
+1. In the *App Spaces page*, select **+ Create App Space**.
 
 ::: zone pivot="frontend"  
-2. Under *Use a starter app*, select **React App**.
+4. Under *Use a starter app*, select **React App**.
 
 ## Connect to GitHub
 
@@ -60,7 +64,7 @@ The sample web application code deploys to App Spaces. The deployment can take a
 [!include [deployment note](./includes/provision-text-swa.md)]
 ::: zone-end  
 ::: zone pivot="backend"  
-2. Under *Use a starter app*, select **Express.JS App**.
+4. Under *Use a starter app*, select **Express.JS App**.
 ## Connect to GitHub
 
 - Enter the following values in the *Connect to GitHub* section.

articles/app-spaces/quickstart-deploy-starter-app.md

@@ -11,6 +11,8 @@ ms.date: 05/20/2024
 
 # Quickstart: Deploy your app with App Spaces
 
+[!include [preview note](./includes/preview-note.md)]
+
 In this quickstart, you learn to connect to GitHub and deploy your code to a recommended Azure service with App Spaces. For more information, see [App Spaces overview](overview.md).
 
 [!include [component types](./includes/component-types-table.md)]
@@ -27,7 +29,11 @@ To deploy your repository to App Spaces, you must have the following items:
 
 Follow these steps to deploy your app from a GitHub repository:
 
-- Browse to [https://portal.azure.com/#view/Microsoft_Azure_PaasServerless/StarshotCreate.ReactView](https://portal.azure.com/#view/Microsoft_Azure_PaasServerless/StarshotCreate.ReactView).
+1. Browse to the [Azure portal](https://portal.azure.com/).
+1. In the search bar, search for **app spaces** and select it in the results.
+:::image type="content" source="media/azure-portal-search-app-spaces.png" alt-text="Screenshot of App Space in Azure portal.":::
+1. In the *App Spaces page*, select **+ Create App Space**.
+1. In the *Create new App Space* page, under the *Deploy code from your GitHub repository* section, select **GitHub repository**.
 
 ## Connect to GitHub to import your repository
 
@@ -42,7 +48,7 @@ Follow these steps to deploy your app from a GitHub repository:
 | Branch | Select your GitHub branch. |
 | App location | Enter the location of your code in your GitHub repository. Use `/` for the root directory. |
 | Listening port |Specify the port that your web server is listening on. External requests being made to port 80 or 443 get routed to this port internally for your application to server content from.|
-| Startup command (optional) | Under *Advanced configurations* enter a **Startup command**.|
+| Startup command (optional) | Under *Advanced configurations*, enter a **Startup command**.|
 
 #### [Static App Component (front end)](#tab/frontend/)
 - Enter the following values in the *Connect to GitHub to import your repository* section.