azure-swa

Azure Static Web Apps automates deployment through GitHub Actions workflows that build and publish your frontend and API functions on every commit. The Skill guides you through setting up GitHub Actions pipelines, configuring staticwebapp.config.json for routing and authentication, and managing environment variables across staging and production environments.

Routing and authentication in Static Web Apps are configured via staticwebapp.config.json, which defines URL routes, role-based access, and login behavior. The Skill covers configuration patterns for securing routes, integrating authentication providers, and routing requests to backend Azure Functions APIs across React, Angular, Vue, Blazor, and vanilla JS frameworks.

Yes, Azure Static Web Apps natively integrates Azure Functions as backend APIs without separate deployment or CORS configuration. The Skill provides architectural guidance for designing frontend-API interactions, managing environment variables for function endpoints, and structuring CI/CD workflows to deploy both frontend and functions together.

Troubleshooting Static Web Apps requires validating staticwebapp.config.json syntax, checking GitHub Actions workflow logs, verifying environment variable configuration, and confirming domain and SSL setup. The Skill walks through common deployment failures, resource selection validation, and monitoring techniques to diagnose routing, authentication, and API integration problems.

Static Web Apps supports React, Angular, Vue, Blazor, and vanilla JavaScript frameworks. The Skill provides deployment and configuration guidance specific to each framework, including build output paths, environment variable injection, and API integration patterns to ensure framework-specific compatibility.

Production-ready Static Web Apps require configuring custom domains with SSL certificates, setting up monitoring and logging, defining environment-specific variables, securing routes with authentication, and validating API integrations. The Skill covers end-to-end configuration parsing, resource validation, and deployment workflow guidance for production deployments.