Skip to content

Commit cfac3d9

Browse files
Text cleanup
1 parent 3ce42a7 commit cfac3d9

File tree

8 files changed

+32
-29
lines changed

8 files changed

+32
-29
lines changed

articles/static-web-apps/TOC.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
href: index.yml
33
- name: Overview
44
items:
5-
- name: About Static Apps
5+
- name: About Static Web Apps
66
href: overview.md
77
- name: Quickstarts
88
expanded: true

articles/static-web-apps/add-api.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Add an API to Azure Static Web Apps with Azure Functions
33
description: Get started with Azure Static Web Apps by adding a Serverless API to your static web app using Azure Functions.
4-
services: azure-functions
4+
services: static-web-apps
55
author: manekinekko
6-
ms.service: azure-functions
6+
ms.service: static-web-apps
77
ms.topic: how-to
88
ms.date: 05/08/2020
99
ms.author: wachegha

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

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: "Tutorial: Deploy server-rendered Next.js websites on Azure Static Web Ap
33
description: "Generate and deploy Next.js dynamic sites with Azure Static Web Apps."
44
services: #Required for articles that deal with a service; service slug assigned to your service by ACOM.
55
author: christiannwamba
6-
ms.service: azure-functions
6+
ms.service: static-web-apps
77
ms.topic: tutorial
88
ms.date: 05/08/2020
99
ms.author: chnwamba
@@ -106,10 +106,13 @@ When you build a Next.js site using `npm run build`, the app is built as a tradi
106106
Azure Static Web Apps deploys your app from a GitHub repository and keeps doing so for every pushed commit to a designated branch. Use the following commands sync your changes to GitHub.
107107
108108
1. Stage all changed files
109+
109110
```bash
110111
git add .
111112
```
113+
112114
1. Commit all changes
115+
113116
```bash
114117
git commit -m "Update build config"
115118
```
@@ -129,14 +132,12 @@ The following steps show how to link the app you just pushed to GitHub to Azure
129132
1. Navigate to the [Azure portal](https://portal.azure.com).
130133
1. Click **Create a Resource** then search for **Static Web Apps** and select the matching result.
131134
132-
133135
1. Select a subscription from the *Subscription* drop-down list or use the default value.
134136
1. Click the **New** link below the *Resource group* drop-down. In *New resource group name*, type **mystaticsite** and click **OK**
135137
1. Provide a globally unique name for your app in the **Name** text box. Valid characters include `a-z`, `A-Z`, `0-9`, and `-`. This value is used as the URL prefix for your static app in the format of `https://<APP_NAME>.azurestaticapps.net`.
136138
1. In the *Region* drop-down, choose a region closest to you.
137139
1. Select **Free** from the SKU drop-down.
138140
139-
140141
:::image type="content" source="media/deploy-nextjs/create-static-web-app.png" alt-text="Create Static Web App":::
141142
142143
### Add a GitHub repository
@@ -222,7 +223,6 @@ The reason for this error is because Next.js only generated the home page based
222223
223224
2. Push the new changes to your GitHub repository and wait for a few minutes while GitHub Actions builds your site again. After the build is complete, the 404 error disappears.
224225
225-
226226
:::image type="content" source="media/deploy-nextjs/404-in-production-fixed.png" alt-text="404 on dynamic routes fixed":::
227227
228228
> [!div class="nextstepaction"]

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

Lines changed: 14 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
22
title: "Tutorial: Deploy server-rendered Nuxt.js websites on Azure Static Web Apps"
33
description: "Generate and deploy Nuxt.js dynamic sites with Azure Static Web Apps."
4-
services: #Required for articles that deal with a service; service slug assigned to your service by ACOM.
4+
services: static-web-apps
55
author: christiannwamba
6-
ms.service: azure-functions
6+
ms.service: static-web-apps
77
ms.topic: tutorial
88
ms.date: 05/08/2020
99
ms.author: chnwamba
1010
---
1111

12-
# Deploy server-rendered Nuxt.js websites on App Service Static Apps
12+
# Deploy server-rendered Nuxt.js websites on Azure Static Web Apps
1313

1414
In this tutorial, you learn to deploy a [Nuxt.js](https://nuxtjs.org) generated static website to [Azure Static Web Apps](overview.md). To begin, you learn to set up, configure, and deploy a Nuxt.js app. During this process, you also learn to deal with common challenges often faced when generating static pages with Nuxt.js
1515

@@ -23,7 +23,7 @@ In this tutorial, you learn to deploy a [Nuxt.js](https://nuxtjs.org) generated
2323

2424
You can set up a new Nuxt.js project using `create-nuxt-app`. Instead of a new project, in this tutorial you begin by cloning an existing repository. This repository is set up to demonstrate how to deploy a dynamic Nuxt.js app as a static site.
2525

26-
1. Create a new repository under your GitHub account from a template repository.
26+
1. Create a new repository under your GitHub account from a template repository.
2727
1. Navigate to <http://github.com/staticwebdev/nuxtjs-starter/generate>
2828
1. Name the repository **nuxtjs-starter**
2929
1. Next, clone the new repo to your machine. Make sure to replace <YOUR_GITHUB_ACCOUNT_NAME> with your account name.
@@ -37,6 +37,7 @@ You can set up a new Nuxt.js project using `create-nuxt-app`. Instead of a new p
3737
```bash
3838
cd nuxtjs-starter
3939
```
40+
4041
1. Install dependencies:
4142

4243
```bash
@@ -87,11 +88,14 @@ When you build a Nuxt.js site using `npm run build`, the app is built as a tradi
8788
8889
Azure Static Web Apps deploys your app from a GitHub repository and keeps doing so for every pushed commit to a designated branch. Use the following commands sync your changes to GitHub.
8990
90-
1. Stage all changed files
91+
1. Stage all changed files:
92+
9193
```bash
9294
git add .
9395
```
96+
9497
1. Commit all changes
98+
9599
```bash
96100
git commit -m "Update build config"
97101
```
@@ -106,19 +110,18 @@ Azure Static Web Apps deploys your app from a GitHub repository and keeps doing
106110
107111
The following steps show how to link the app you just pushed to GitHub to Azure Static Web Apps. Once in Azure, you can deploy the application to a production environment.
108112
109-
### Create an Azure Static Apps resource
113+
### Create an Azure Static Web Apps resource
110114
111115
1. Navigate to the [Azure portal](https://portal.azure.com).
112116
1. Click **Create a Resource** then search for **Static Web Apps** and select the matching result.
113117
114-
115118
1. Select a subscription from the *Subscription* drop-down list or use the default value.
116119
1. Click the **New** link below the *Resource group* drop-down. In *New resource group name*, type **mystaticsite** and click **OK**
117120
1. Provide a globally unique name for your app in the **Name** text box. Valid characters include `a-z`, `A-Z`, `0-9`, and `-`. This value is used as the URL prefix for your static app in the format of `https://<APP_NAME>.azurestaticapps.net`.
118121
1. In the *Region* drop-down, choose a region closest to you.
119122
1. Select **Free** from the SKU drop-down.
120123
121-
:::image type="content" source="media/deploy-nuxtjs/create-static-web-app.png" alt-text="Create Static Web App":::
124+
:::image type="content" source="media/deploy-nuxtjs/create-static-web-app.png" alt-text="Create Static Web App":::
122125
123126
### Add a GitHub repository
124127
@@ -178,7 +181,7 @@ If the page is a dynamic page, for example `_id.vue`, it won't have enough infor
178181

179182
```javascript
180183
import { projects } from "./utils/projectsData";
181-
184+
182185
export default {
183186
mode: "universal",
184187
@@ -187,11 +190,11 @@ If the page is a dynamic page, for example `_id.vue`, it won't have enough infor
187190
generate: {
188191
async routes() {
189192
const paths = [];
190-
193+
191194
projects.forEach(project => {
192195
paths.push(`/project/${project.slug}`);
193196
});
194-
197+
195198
return paths;
196199
}
197200
}

articles/static-web-apps/index.yml

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
### YamlMime:Landing
22

3-
title: App Service Static Apps documentation
4-
summary: App Service Static Apps allows you to build JavaScript web applications that automatically publish from changes made in GitHub.
3+
title: Azure Static Web Apps documentation
4+
summary: Azure Static Web Apps allows you to build JavaScript web applications that automatically publish from changes made in GitHub.
55

66
metadata:
7-
title: App Service Static Apps documentation
8-
description: App Service Static Apps allows you to build JavaScript web applications that automatically publish from changes made in GitHub.
7+
title: Azure Static Web Apps documentation
8+
description: Azure Static Web Apps allows you to build JavaScript web applications that automatically publish from changes made in GitHub.
99
ms.topic: landing-page
10-
ms.service: azure-functions
10+
ms.service: static-web-apps
1111
author: craigshoemaker
1212
ms.author: cshoe
1313
ms.date: 04/09/2020
1414

1515
landingContent:
16-
- title: About Static Apps
16+
- title: About Static Web Apps
1717
linkLists:
1818
- linkListType: overview
1919
links:
20-
- text: What are App Service Static Apps?
20+
- text: What are Azure Static Web Apps?
2121
url: overview.md
2222
- title: Get started
2323
linkLists:

articles/static-web-apps/overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ ms.author: cshoe
1414

1515
Azure Static Web Apps is a service that automatically builds and deploys full stack web apps to Azure from a GitHub repository.
1616

17-
:::image type="content" source="media/overview/static-apps-overview.png" alt-text="Static Apps overview":::
17+
:::image type="content" source="media/overview/static-apps-overview.png" alt-text="Static Web Apps overview":::
1818

1919
The workflow of Azure Static Web Apps is tailored to a developer's daily workflow. Apps are built and deployed based off GitHub interactions.
2020

articles/static-web-apps/publish-hugo.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,7 @@ The following steps show you how to create a new static site app and deploy it t
9696

9797
1. Select **Create a Resource** and search for **Static App**.
9898

99-
:::image type="content" source="./media/publish-hugo/create-in-portal.png" alt-text="Create a Static Apps (Preview) in the portal":::
99+
:::image type="content" source="./media/publish-hugo/create-in-portal.png" alt-text="Create a Azure Static Web Apps resource in the portal":::
100100

101101
1. For **Subscription**, accept the subscription that is listed or select a new one from the drop-down list.
102102

articles/static-web-apps/user-information.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Accessing user information in Azure Static Web Apps
33
description: Learn to read authorization provider-returned user data.
4-
services: azure-functions
4+
services: static-web-apps
55
author: craigshoemaker
6-
ms.service: azure-functions
6+
ms.service: static-web-apps
77
ms.topic: conceptual
88
ms.date: 05/08/2020
99
ms.author: cshoe

0 commit comments

Comments
 (0)