azure-static-web-apps
Helps create, configure, and deploy Azure Static Web Apps using the SWA CLI. Use when deploying static sites to Azure, setting up SWA local development, configuring staticwebapp.config.json, adding Azure Functions APIs to SWA, or setting up GitHub Actions CI/CD for Static Web Apps.
Profile →npx skills add github/awesome-copilot --skill azure-static-web-apps --agent copilot
Same command for any agent — swap --agent for claude-code, codex, cursor.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
## Overview Azure Static Web Apps (SWA) hosts static frontends with optional serverless API backends. The SWA CLI (`swa`) provides local development emulation and deployment capabilities. **Key features:** - Local emulator with API proxy and auth simulation - Framework auto-detection and configuration - Direct deployment to Azure - Database connections support **Config files:** - `swa-cli.config.json` - CLI settings, **created by `swa init`** (never create manually) - `staticwebapp.config.json` - Runtime config (routes, auth, headers, API runtime) - can be created manually ## General Instructions ### Installation ```bash npm install -D @azure/static-web-apps-cli ``` Verify: `npx swa --version` ### Quick Start Workflow **IMPORTANT: Always use `swa init` to create configuration files. Never manually create `swa-cli.config.json`.** 1. `swa init` - **Required first step** - auto-detects framework and creates `swa-cli.config.json` 2. `swa start` - Run local emulator at `http://localhost:4280` 3. `swa login` - Authenticate with Azure 4. `swa deploy` - Deploy to Azure ### Configuration Files **swa-cli.config.json** - Created by `swa init`, do not create manually: - Run `swa init` for inte
- Overview
- General Instructions
- Installation
- Quick Start Workflow
- Configuration Files
- Command-line Reference
- swa login
- swa init
- swa build
- swa start
- swa deploy
- swa db
- Scenarios
- Create SWA from Existing Frontend and Backend
npm install -D @azure/static-web-apps-cli swa login # Interactive login swa login --subscription-id <id> # Specific subscription swa login --clear-credentials # Clear cached credentials swa init # Interactive setup swa init --yes # Accept defaults swa build # Build using config swa build --auto # Auto-detect and build swa build myApp # Build specific configuration swa start # Serve from outputLocation
What does the azure-static-web-apps skill do?
Helps create, configure, and deploy Azure Static Web Apps using the SWA CLI. Use when deploying static sites to Azure, setting up SWA local development, configuring staticwebapp.config.json, adding Azure Functions APIs to SWA, or setting up GitHub Actions CI/CD for Static Web Apps.
How do I install it?
Run `npx skills add github/awesome-copilot --skill azure-static-web-apps --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From github/awesome-copilot, a repository with 37,432 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.