skills.rest
unthinkmedia
unthinkmediaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

azure-swa-deploy

Deploy React and Vite frontends to Azure Static Web Apps via GitHub Actions.

Updated Feb 6, 2026
Search Tags:#ci/cd#deployment#react#azure#github actions#vite#static web apps
One-click install
npx skills add https://github.com/unthinkmedia/DesignExploration --skill azure-swa-deploy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: azure-swa-deploy
Source: https://github.com/unthinkmedia/DesignExploration/tree/main/.claude/skills/azure-swa-deploy
Command: npx skills add https://github.com/unthinkmedia/DesignExploration --skill azure-swa-deploy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill automates the deployment of frontend applications like React and Vite to Azure Static Web Apps, including the setup of a CI/CD pipeline using GitHub Actions.

Core Features & Use Cases

  • Automated Deployment: Streamlines the process of deploying frontend applications to Azure.
  • CI/CD Integration: Sets up a GitHub Actions workflow for continuous integration and deployment.
  • Framework Support: Optimized for React and Vite applications.
  • Use Case: When you need to deploy a new Vite-based frontend project to Azure and want to ensure that every push to your main branch automatically builds and deploys the latest version.

Quick Start

Use the azure-swa-deploy skill to deploy your React app to Azure Static Web Apps by following the steps in the SKILL.md file.

Frequently Asked Questions about azure-swa-deploy

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

FAQPage Schema
How do I deploy a React app to Azure Static Web Apps using GitHub Actions?▼

To deploy a React app to Azure Static Web Apps, this Skill automates the creation of Azure resources, configures deployment tokens, and integrates GitHub Actions build workflows for continuous deployment on every push to your main branch.

What's the best way to set up CI/CD for a Vite frontend project on Azure?▼

Setting up CI/CD for a Vite frontend project on Azure is streamlined by configuring a GitHub Actions workflow that automatically builds and deploys the latest version whenever you push changes to your repository's main branch.

Do I need the Azure CLI to configure deployment tokens for a static web app?▼

Yes, you need the Azure CLI to create Azure resources and configure deployment tokens for static web apps, which are then integrated into your GitHub Actions workflow to enable automated frontend deployments.

Can I use this deployment workflow for frontend frameworks other than React and Vite?▼

This deployment workflow is specifically optimized for React and Vite applications, requiring specific repository configurations for app and output locations to successfully automate builds and deploy to Azure Static Web Apps.

Why does my GitHub Actions deployment to Azure Static Web Apps fail?▼

Deployments to Azure Static Web Apps often fail due to incorrect repository configurations for app and output locations, missing deployment tokens, or improper Azure CLI setup during the resource creation phase.

Related Skills

Explore More Software Engineering Skills→
jongiojongio
6

github-copilot

Develop and deploy GitHub Copilot SDK applications and webhook agents to Azure.

Community
Advanced
HouseGarofaloHouseGarofalo
3

azure-static-web-apps

Deploy and manage static web apps on Azure Static Web Apps.

Official
Intermediate
thiagoooo34252thiagoooo34252
1

engineer-ci-cd-pipeline

Configure CI/CD pipelines with quality gates and deployment strategies.

Community
Advanced
biztechprogrammingbiztechprogramming
2

appdeploy

Detect web app types and recommend hosting platforms for deployment.

Community
Advanced