Can I test my Azure Static Web App locally?

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

How do I set up automated deployments with GitHub Actions?

This skill provides a complete YAML workflow template and instructions for linking your GitHub repository to Azure using a deployment token.

Does this skill support backend APIs?

Yes, it provides instructions for adding and configuring Azure Functions as serverless backends, including setting the correct API runtime in your configuration.

How do I initialize a new Azure Static Web App project?

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

What is the difference between swa-cli.config.json and staticwebapp.config.json?

swa-cli.config.json is for CLI-specific settings and is created via 'swa init', while staticwebapp.config.json defines runtime behaviors like routes, headers, and API settings.

Azure Static Web Apps Manager

Name: Azure Static Web Apps Manager
Author: Tahir-yamin

byTahir-yamin

•

Cloud Infrastructure

Automates the creation, configuration, and deployment of Azure Static Web Apps using the SWA CLI.

This skill streamlines the entire lifecycle of Azure Static Web Apps (SWA) by providing expert guidance on using the SWA CLI. It assists developers in initializing projects with automatic framework detection, configuring runtime behaviors like routing and authentication, and managing deployments to production or preview environments. Whether setting up a local development emulator with API proxying or configuring GitHub Actions for CI/CD, this skill ensures best practices are followed for hosting static frontends and serverless API backends on Azure.

Key Features

01CI/CD pipeline setup using GitHub Actions for automated builds and uploads

02Seamless deployment workflows to Azure production and preview environments

03Local development emulation with API proxy and authentication simulation

045 GitHub stars

05Automated project initialization and framework detection via swa init

06Configuration management for staticwebapp.config.json and swa-cli.config.json

Use Cases

01Configuring custom routing, security headers, and authentication for a static site

02Deploying a React, Vue, or Angular frontend with an integrated Azure Functions API

03Setting up a local development environment that mimics the Azure SWA runtime

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add tahir-yamin/dev-engineering-playbook azure-static-web-apps

For use in Claude.ai and ChatGPT

Download Skill