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.

About

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

Local development emulation with API proxying and authentication simulation
Integrated support for Azure Functions serverless API backends
Direct deployment to Azure preview and production environments
95 GitHub stars
Automated framework detection and project initialization via swa init
Configuration management for routes, security, and database connections

Use Cases

Deploying a modern frontend framework (React, Vue, Vite) to Azure with a managed backend
Setting up automated GitHub Actions workflows for continuous deployment
Testing authentication and API routing locally using the SWA emulator

About

Key Features

Local development emulation with API proxying and authentication simulation
Integrated support for Azure Functions serverless API backends
Direct deployment to Azure preview and production environments
95 GitHub stars
Automated framework detection and project initialization via swa init
Configuration management for routes, security, and database connections

Use Cases

Deploying a modern frontend framework (React, Vue, Vite) to Azure with a managed backend
Setting up automated GitHub Actions workflows for continuous deployment
Testing authentication and API routing locally using the SWA emulator