Where do I manage routing and headers?

Use the 'staticwebapp.config.json' file to define navigation fallbacks, custom headers, and route-based security rules for the runtime environment.

How do I add a backend to my static site?

You can integrate Azure Functions by creating an API folder, defining your functions, and specifying the 'apiLocation' in your swa-cli.config.json file.

How do I initialize a new SWA project?

Use the 'swa init' command to automatically detect your frontend framework and create the necessary 'swa-cli.config.json' file. Do not create this file manually.

How do I deploy to production using the CLI?

First, authenticate using 'swa login', then run 'swa deploy --env production' to push your built assets to the Azure cloud.

Can I run my Azure Static Web App locally?

Yes, the 'swa start' command launches a local emulator that serves your frontend, proxies your API, and simulates authentication at http://localhost:4280.

Azure Static Web Apps Manager

Name: Azure Static Web Apps Manager
Author: microsoft

bymicrosoft

•

Cloud Infrastructure

Deploys and configures static sites with serverless backends to Azure using the SWA CLI.

This skill empowers Claude to streamline the lifecycle of Azure Static Web Apps (SWA), from local development and framework auto-detection to production deployment. It provides specialized guidance for using the SWA CLI to initialize projects, manage runtime configurations, integrate Azure Functions APIs, and set up automated CI/CD workflows via GitHub Actions. Whether you are troubleshooting routing issues or setting up a database connection, this skill provides the implementation patterns and best practices needed for modern web hosting on Azure.

Key Features

01Local development emulation with API proxying and authentication simulation

02Integrated support for Azure Functions serverless API backends

03Direct deployment to Azure preview and production environments

0495 GitHub stars

05Automated framework detection and project initialization via swa init

06Configuration management for routes, security, and database connections

Use Cases

01Deploying a modern frontend framework (React, Vue, Vite) to Azure with a managed backend

02Setting up automated GitHub Actions workflows for continuous deployment

03Testing authentication and API routing locally using the SWA emulator

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microsoft/github-copilot-for-azure azure-static-web-apps

For use in Claude.ai and ChatGPT

Download Skill