1# Azure Static Web Apps
2 
3Serverless hosting for static sites and SPAs with integrated APIs.
4 
5## When to Use
6 
7- Single Page Applications (React, Vue, Angular)
8- Static sites (HTML/CSS/JS)
9- JAMstack applications
10- Sites with serverless API backends
11- Documentation sites
12 
13## Service Type in azure.yaml
14 
15```yaml
16services:
17  my-web:
18    host: staticwebapp
19    project: ./src/web
20```
21 
22## Required Supporting Resources
23 
24| Resource | Purpose |
25|----------|---------|
26| None required | Static Web Apps is fully managed |
27| Application Insights | Monitoring (optional) |
28 
29## SKU Selection
30 
31| SKU | Features |
32|-----|----------|
33| Free | 2 custom domains, 0.5GB storage, shared bandwidth |
34| Standard | 5 custom domains, 2GB storage, SLA, auth customization |
35 
36## Build Configuration
37 
38| Framework | outputLocation |
39|-----------|----------------|
40| React | `build` |
41| Vue | `dist` |
42| Angular | `dist/my-app` |
43| Next.js (Static) | `out` |
44 
45## API Integration
46 
47Integrated Functions API structure:
48 
49```
50project/
51├── src/           # Frontend
52└── api/           # Azure Functions API
53    ├── hello/
54    │   └── index.js
55    └── host.json
56```
57 
58## References
59 
60- [Region Availability](region-availability.md)
61- [Bicep Patterns](bicep.md)
62- [Terraform Patterns](terraform.md)
63- [Routing and Auth](routing.md)
64- [Deployment](deployment.md)
65