azure-static-web-apps

Automate Azure Static Web Apps setup and deployment using the SWA CLI.

37.6k|4.7k|Updated Jun 11, 2025
One-click install
npx skills add https://github.com/github/awesome-copilot --skill azure-static-web-apps
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: azure-static-web-apps
Source: https://github.com/github/awesome-copilot/tree/main/skills/azure-static-web-apps
Command: npx skills add https://github.com/github/awesome-copilot --skill azure-static-web-apps

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the configuration, deployment, and management of Azure Static Web Apps (SWA) using the SWA CLI, reducing setup time and friction for front-end projects that require integrated API backends and GitHub Actions CI/CD.

Core Features & Use Cases

  • Local development and emulation: Use swa init, swa start, and local API emulation to iterate quickly.
  • Config and deployment: Automatically configure runtime settings, routes, and deployment workflows for static sites.
  • Use Case: If you are deploying a static site with dynamic API endpoints, this Skill helps you configure and deploy it to Azure with a single command flow.

Quick Start

Install the SWA CLI, initialize the project, and deploy:

  • npm install -D @azure/static-web-apps-cli
  • npx swa init
  • npx swa start
  • npx swa deploy

Frequently Asked Questions about azure-static-web-apps

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a static site with API endpoints to Azure?

Azure Static Web Apps lets you deploy static sites with integrated API backends. Use the SWA CLI to initialize your project with swa init, configure routes and APIs in staticwebapp.config.json, then deploy with swa deploy. GitHub Actions CI/CD automates updates on every push.

What's the best way to set up local development for Azure Static Web Apps?

Install the SWA CLI, run swa init to configure your project, then swa start to emulate your static site and API locally. This lets you iterate quickly before deploying to Azure.

Can I automate deployments to Azure Static Web Apps with GitHub Actions?

Yes. The SWA CLI generates GitHub Actions workflows automatically during swa init. These workflows trigger on push events, run your build, and deploy to Azure Static Web Apps without manual intervention.

Do I need to manually configure routes and API settings for static sites on Azure?

The SWA CLI handles most configuration automatically through staticwebapp.config.json. You define routes, API backends, and authentication rules in this file, and the CLI deploys those settings alongside your static assets.

What problem does Azure Static Web Apps solve for front-end projects?

It streamlines hosting and CI/CD for static sites that need API backends. Instead of managing separate services, you get integrated hosting, automatic deployments via GitHub Actions, and built-in API routing—all configured through the SWA CLI.

Does the SWA CLI work with existing front-end projects?

Yes. The SWA CLI integrates with typical front-end projects through swa init, which detects your build tool and output directory. It then emulates and deploys your site with API support using the same configuration.