You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: learn-pr/azure/publish-app-service-static-web-app-api/includes/1-introduction.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,9 +2,9 @@
2
2
3
3
Your company is launching a shopping list web app. Through the site, customers can add, edit, view, and remove items such as food and household needs from their list.
4
4
5
-
The site and APIs need to be secure to ensure customer privacy. Your users will be distributed all over the world, and you want everyone to get great performance. You’d prefer a solution that removes as much of the infrastructure work, including building and publishing, as possible so you can concentrate on features and user experience.
5
+
The site and APIs need to be secure to ensure customer privacy. Your users will be distributed all over the world, and you want everyone to get great performance. You'd prefer a solution that removes as much of the infrastructure work, including building and publishing, as possible so you can concentrate on features and user experience.
6
6
7
-
You could deploy your web assets to cloud storage, create, and assign your own SSL certificate, create your API on a cloud server, establish a reverse proxy that allows your app to make calls to the API, distribute the app globally, and set up your own CI/CD process.
7
+
You could deploy your web assets to cloud storage, create and assign your own SSL certificate, create your API on a cloud server, establish a reverse proxy that allows your app to make calls to the API, distribute the app globally, and set up your own CI/CD process.
8
8
9
9
When you use Azure Static Web Apps, you get all of this out of the box.
10
10
@@ -33,23 +33,23 @@ Azure Static Web Apps is ideal for serving purely static content, but it also ha
33
33
In this module's exercises, you'll deploy an app using your preferred web framework.
34
34
35
35
> [!NOTE]
36
-
> You'll be deploying an app, without an API in this module. See the Next Steps section in the final unit for information about the next module, where you'll deploy an API alongside your app.
36
+
> You'll be deploying an app without an API in this module. See the Next Steps section in the final unit for information about the next module, where you'll deploy an API alongside your app.
37
37
38
38
### Key features
39
39
40
-
-**Globally distributed web hosting** puts static content like HTML, CSS, JavaScript, and images closer to your users
41
-
-**Integrated API** support provided by Azure Functions
40
+
-**Globally distributed web hosting** puts static content like HTML, CSS, JavaScript, and images closer to your users.
41
+
-**Integrated API** support provided by Azure Functions.
42
42
-**First-class GitHub and Azure DevOps integration** where repository changes trigger builds and deployments.
43
-
-**Free SSL certificates**, which are automatically renewed
44
-
-**Unique preview URLs** for previewing pull requests
43
+
-**Free SSL certificates**, which are automatically renewed.
44
+
-**Unique preview URLs** for previewing pull requests.
45
45
46
46
## Learning objectives
47
47
48
48
In this module, you'll create, modify, and deploy a web app to Azure Static Web Apps.
49
49
50
50
### Choose your own path
51
51
52
-
This module provides four variations of the sample application for you to choose from: Angular, React, Svelte, and Vue. The power of Azure Static Web Apps is that all of these flavors "just work".
52
+
This module provides four variations of the sample application for you to choose from: Angular, React, Svelte, and Vue. The power of Azure Static Web Apps is that all of these flavors "just work."
53
53
54
54
The starter code includes the four apps that you'll use.
55
55
@@ -66,7 +66,7 @@ After you choose your client application, you'll:
66
66
67
67
- Build and run your front-end application.
68
68
- Automatically build and deploy your web app to Azure from a GitHub repository with GitHub Actions.
69
-
-Finally, you'll explore and launch your application, as follows.
Copy file name to clipboardExpand all lines: learn-pr/azure/publish-app-service-static-web-app-api/includes/12-summary.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,16 +1,16 @@
1
1
You needed to build a shopping list web app that is secure and offers good performance for a globally distributed customer base. Your primary concerns were to limit the amount of infrastructure work and focusing on the business features and user experience.
2
2
3
-
Azure Static Web Apps are a great fit for this scenario:
3
+
Azure Static Web Apps is a great fit for this scenario:
4
4
5
-
- Performance and Scale: Your web assets are globally distributed, putting them closer to your users, to minimize latency, and business logic is run on Azure Functions that scale automatically to meet demand.
5
+
- Performance and Scale: Your web assets are globally distributed, putting them closer to your users, to minimize latency. Business logic is run on Azure Functions that scale automatically to meet demand.
6
6
- Productivity: You get an automated build pipeline with CI/CD.
7
7
- Security: The web app is secured with an SSL certificate.
8
8
9
-
Without Azure Static Web Apps, you could deploy your web assets to cloud storage, create, and assign your own SSL certificate, create your API, establish a reverse proxy that allows your app to make calls to the API, distribute the app globally, and set up your own CI/CD process.
9
+
Without Azure Static Web Apps, you could deploy your web assets to cloud storage, create and assign your own SSL certificate, create your API, establish a reverse proxy that allows your app to make calls to the API, distribute the app globally, and set up your own CI/CD process.
10
10
11
-
Azure Static Web Apps gives you all of these benefits. This lets you spend your time on building new features and optimizing the user experience rather than creating and maintaining site infrastructure.
11
+
Azure Static Web Apps gives you all of these benefits. They let you spend your time on building new features and optimizing the user experience rather than creating and maintaining site infrastructure.
12
12
13
-
## Additional resources
13
+
## More resources
14
14
15
15
Here are several resources where you can learn more about Azure Static Web Apps, Visual Studio Code, and other concepts covered in this module.
Copy file name to clipboardExpand all lines: learn-pr/azure/publish-app-service-static-web-app-api/index.yml
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@ metadata:
5
5
prefetch-feature-rollout: true
6
6
title: Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps
7
7
description: Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps. Use Visual Studio Code to create and run the web app locally.
8
-
ms.date: 11/18/2022
8
+
ms.date: 03/12/2025
9
9
author: johnpapa
10
10
ms.author: jopapa
11
11
ms.topic: module-standard-task-based
@@ -15,9 +15,9 @@ title: Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Stati
15
15
summary: Automatically deploy and update a static web application from a GitHub repository.
16
16
abstract: |
17
17
In this module, you will:
18
-
- Choose an existing web app project with either Angular, React, Svelte or Vue
19
-
- Run the application locally
20
-
- Publish the app to Azure Static Web Apps
18
+
- Choose an existing web app project with either Angular, React, Svelte or Vue.
19
+
- Run the application locally.
20
+
- Publish the app to Azure Static Web Apps.
21
21
prerequisites: |
22
22
- Familiarity with one of Angular, React, Svelte, or Vue
0 commit comments