azure-static-web-apps

Create, configure, and deploy Azure Static Web Apps using SWA CLI.

Updated Nov 21, 2025
One-click install
npx skills add https://github.com/lluppesms/dadabase.demo --skill azure-static-web-apps-lluppesms
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: azure-static-web-apps
Source: https://github.com/lluppesms/dadabase.demo/tree/main/.github/skills/azure-static-web-apps
Command: npx skills add https://github.com/lluppesms/dadabase.demo --skill azure-static-web-apps-lluppesms

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @azure/static-web-apps-cli, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of creating, configuring, and deploying static websites and serverless APIs to Azure Static Web Apps, streamlining your web application deployment workflow.

Core Features & Use Cases

  • Local Development: Emulate Azure Static Web Apps locally with API proxy and authentication simulation using the SWA CLI.
  • Configuration Management: Guides users on setting up swa-cli.config.json (via swa init) and staticwebapp.config.json for routing, authentication, and runtime settings.
  • Deployment: Facilitates deployment to Azure Static Web Apps and setting up CI/CD pipelines with GitHub Actions.
  • Use Case: You have a React frontend and an Azure Functions API, and you want to deploy them efficiently to Azure Static Web Apps, including setting up a GitHub Actions workflow for continuous deployment.

Quick Start

Use the azure-static-web-apps skill to initialize a new SWA project, start the local emulator, and deploy your application to Azure.

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 to Azure Static Web Apps using the SWA CLI?

To deploy a static site to Azure Static Web Apps, use the SWA CLI to initialize your project configuration and execute the deployment command to push your web application directly to the Azure cloud environment.

Can I emulate Azure Static Web Apps locally with an API proxy?

Yes, you can emulate Azure Static Web Apps locally using the SWA CLI to run a local development environment that provides API proxy capabilities and authentication simulation for testing.

How do I configure routing and authentication for Azure Static Web Apps?

You configure routing and authentication for Azure Static Web Apps by generating a `swa-cli.config.json` file via `swa init` and defining runtime settings within a `staticwebapp.config.json` file.

How do I set up CI/CD pipelines for Azure Static Web Apps with GitHub Actions?

You set up CI/CD pipelines for Azure Static Web Apps by configuring GitHub Actions workflows that automate the continuous deployment of your static site and serverless APIs to the Azure platform.

Do I need to install the SWA CLI to deploy a React frontend and Azure Functions API?

Yes, deploying a React frontend with an Azure Functions API requires installing the SWA CLI, which facilitates the configuration and deployment of integrated serverless APIs to Azure Static Web Apps.