Skip to content

Commit a4b46a1

Browse files
author
Adrian Hall
committed
Corrected problems with React tutorials
1 parent e7a20f7 commit a4b46a1

File tree

6 files changed

+19
-13
lines changed

6 files changed

+19
-13
lines changed

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

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,14 @@ You can add serverless APIs to Azure Static Web Apps that are powered by Azure F
2121

2222
- Azure account with an active subscription.
2323
- If you don't have an account, you can [create one for free](https://azure.microsoft.com/free).
24-
- [Visual Studio Code](https://code.visualstudio.com/)
25-
- [Azure Static Web Apps extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps) for Visual Studio Code
26-
- [Azure Functions extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurefunctions) for Visual Studio Code
27-
- [Node.js](https://nodejs.org/download/) to run the frontend app and API
24+
- [Visual Studio Code](https://code.visualstudio.com/).
25+
- [Azure Static Web Apps extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps) for Visual Studio Code.
26+
- [Azure Functions extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurefunctions) for Visual Studio Code.
27+
- [Node.js v18](https://nodejs.org/en/download) to run the frontend app and API.
28+
29+
> [!TIP]
30+
> You can use the [nvm](https://github.com/nvm-sh/nvm/blob/master/README.md) tool to manage multiple versions of Node.js on your development system.
31+
> On Windows, [NVM for Windows](https://github.com/coreybutler/nvm-windows/blob/master/README.md) can be installed via Winget.
2832
2933
## Create the static web app
3034

@@ -226,9 +230,11 @@ To run your frontend app and API together locally, Azure Static Web Apps provide
226230
Ensure you have the necessary command line tools installed.
227231

228232
```bash
229-
npm install -D @azure/static-web-apps-cli
233+
npm install -g @azure/static-web-apps-cli
230234
```
231235

236+
> If you don't want to install the `swa` command line globally, you can use `npx swa` instead of `swa` in the following instructions.
237+
232238
### Build frontend app
233239

234240
If your app uses a framework, build the app to generate the output before running the Static Web Apps CLI.

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -107,4 +107,4 @@ Select **Go to resource**.
107107
## Next steps
108108

109109
> [!div class="nextstepaction"]
110-
> [Configure app settings](./application-settings.yml)
110+
> [Add an API to your application](./add-api.md?tabs=angular)

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ This article uses a GitHub template repository to make it easy for you to get st
2828

2929
[https://github.com/staticwebdev/react-basic/generate](https://github.com/login?return_to=%2Fstaticwebdev%2Freact-basic%2Fgenerate)
3030

31-
1. Name your repository **my-first-static-web-app**
31+
1. Name your repository **my-first-static-web-app**.
3232

3333
1. Select **Create repository from template**.
3434

@@ -107,4 +107,4 @@ Select **Go to resource**.
107107
## Next steps
108108

109109
> [!div class="nextstepaction"]
110-
> [Configure app settings](./application-settings.yml)
110+
> [Add an API to your application](./add-api.md?tabs=react)

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -107,4 +107,4 @@ Select **Go to resource**.
107107
## Next steps
108108

109109
> [!div class="nextstepaction"]
110-
> [Configure app settings](./application-settings.yml)
110+
> [Add an API to your application](./add-api.md?tabs=vue)

includes/static-web-apps/create-a-static-web-app.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@ Now that the repository is created, you can create a static web app from the Azu
1212

1313
1. Navigate to the [Azure portal](https://portal.azure.com).
1414
1. Select **Create a Resource**.
15-
1. Search for **Static Web Apps**.
16-
1. Select **Static Web Apps**.
15+
1. Search for **Static Web App**.
16+
1. Select **Static Web App**.
1717
1. Select **Create**.
1818

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

includes/static-web-apps/static-web-apps-tutorials-portal-create.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ Now that the repository is created, you can create a static web app from the Azu
1010

1111
1. Go to the [Azure portal](https://portal.azure.com).
1212
1. Select **Create a Resource**.
13-
1. Search for **Static Web Apps**.
14-
1. Select **Static Web Apps**.
13+
1. Search for **Static Web App**.
14+
1. Select **Static Web App**.
1515
1. Select **Create**.
1616

1717
::: zone pivot="github"

0 commit comments

Comments
 (0)