Skip to content

Commit 1a42dc4

Browse files
Add overview description
1 parent 9d550e2 commit 1a42dc4

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

articles/static-apps/overview.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,16 @@ Back-end API functionality is powered by Azure Functions which provides automati
3434
- **Back-end routing rules** enabling full control over the content and routes you serve.
3535
- **Generated staging versions** powered by pull requests enabling preview versions of your site before publishing.
3636

37+
## Overview
38+
39+
The workflow of Azure Static Web Apps is tailored to a developer's daily workflow. Apps are built and deployed based off GitHub interactions.
40+
41+
When you create a Azure Static Web Apps resource, you point a GitHub repository and select a branch to track. As commits are pushed or PRs are accepted against this branch, a GitHub Actions workflow starts. The workflow builds the app for production and deploys it to Azure.
42+
43+
Static web apps are commonly built using libraries and frameworks like Angular, React, Svelte, or Vue. These apps include HTML, CSS, JavaScript, and image assets that make up the application. With a traditional web server, these assets are served from a single server alongside any required API endpoints.
44+
45+
In a Static Web Apps site, static assets are separated from a traditional web server and are instead served from points geographically distributed around the world. This distribution makes serving files much faster as files are physically closer to end users. In addition, API endpoints are hosted using a [serverless architecture](../azure-functions/functions-overview.md), which avoids the need for a full back-end server all together.
46+
3747
## What you can do with Static Web Apps
3848

3949
- **Build modern JavaScript applications** with frameworks and libraries like [Angular](https://angular.io/), [React](https://reactjs.org/), [Svelete](https://svelte.dev/), [Vue](https://vuejs.org/) with an [Azure Functions](https://azure.microsoft.com/services/functions/) back-end.

0 commit comments

Comments
 (0)