Azure Static Web Apps & Bicep
Deploy de SPAs (Angular, React, Vue) na Azure com Infrastructure as Code usando Bicep, custom domains, CI/CD via GitHub Actions e boas praticas
Azure Static Web Apps (SWA) e um servico serverless da Azure otimizado para hospedar aplicacoes front-end estaticas com APIs opcionais (Azure Functions). Deploy automatico via GitHub Actions, SSL gratuito, custom domains e ambientes de staging inclusos.
O que e Azure Static Web Apps?
Azure SWA e um servico que hospeda aplicacoes web estaticas diretamente de um repositorio GitHub ou Azure DevOps. Ele combina hospedagem global via CDN, APIs serverless (Azure Functions), autenticacao integrada e deploy automatico por pull request.
SWA vs Outros Servicos Azure
| Caracteristica | Static Web Apps | App Service | Storage Static | Azure CDN |
|---|---|---|---|---|
| Tipo | SPAs + APIs serverless | Apps full-stack | Arquivos estaticos | CDN puro |
| Backend | Azure Functions integrado | ASP.NET, Node, etc. | Nenhum | Nenhum |
| SSL | Automatico e gratuito | Gratuito (managed) | Manual | Manual |
| Custom Domain | Sim (automatico) | Sim | Via CDN | Sim |
| Preview Envs | Automatico por PR | Slots (pago) | Nao | Nao |
| Auth | Built-in (GitHub, AAD, etc.) | Manual | Nenhum | Nenhum |
| Preco (Free tier) | 2 apps gratis | F1 limitado | Baixo custo | Pago |
| CI/CD | GitHub Actions automatico | Manual/GitHub | Manual | Manual |
SKUs Disponiveis
| Feature | Free | Standard |
|---|---|---|
| Apps | 2 por subscription | Ilimitado |
| Bandwidth | 100 GB/mes | 100 GB incluido |
| Custom Domains | 2 | 5 |
| Auth Providers | Pre-configurados | Custom providers |
| SLA | Nenhum | 99.95% |
| Staging Envs | 1 | 3 |
| Max File Size | 250 MB | 500 MB |
| Preco | Gratuito | ~$9/mes |
Quando usar SWA?
- SPAs: Angular, React, Vue, Svelte, Blazor WASM
- Sites estaticos: Hugo, Gatsby, Next.js (export), Astro
- Documentacao: Docusaurus, VitePress, MkDocs
- Landing pages: Sites de marketing sem backend complexo
- Prototipos: MVPs rapidos com preview environments por PR
Dica: SWA e ideal quando voce nao precisa de um backend dedicado. Se precisar, use as Azure Functions integradas ou aponte para uma API externa.