skills.rest
ncksol
ncksolCOMMUNITY
Explore all skills by this author →
Website𝕏@ncksolGitHub

azure-static-web-apps

Deploy and manage Azure Static Web Apps using the SWA CLI.

1|Updated Jan 30, 2023
Search Tags:#deployment#azure#ci-cd#local-development#swa-cli#static-web-apps
One-click install
npx skills add https://github.com/ncksol/ravebot --skill azure-static-web-apps-ncksol
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: azure-static-web-apps
Source: https://github.com/ncksol/ravebot/tree/main/.github/skills/azure-static-web-apps
Command: npx skills add https://github.com/ncksol/ravebot --skill azure-static-web-apps-ncksol

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Azure Static Web Apps (SWA) provide hosting for static frontends with optional API backends. This skill guides you through setting up, developing locally with the SWA CLI, configuring runtime and routing, and deploying to Azure.

Core Features & Use Cases

  • Local emulator with API proxy and auth simulation for end-to-end testing
  • Framework auto-detection and configuration to streamline projects
  • Direct deployment to Azure Static Web Apps and GitHub Actions CI/CD integration
  • Guidance for common configurations like staticwebapp.config.json and API routing

Quick Start

Initialize SWA in your project, then start the local emulator and deploy 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 web app to Azure using the SWA CLI?▼

You can deploy directly using the SWA CLI. It guides you through initialization, auto-detects your framework, and pushes your static frontend and optional API backend to Azure Static Web Apps.

Can I run Azure Static Web Apps locally for development?▼

Yes, the SWA CLI provides a local emulator that proxies API endpoints and simulates authentication. This allows you to test routing and runtime configuration end-to-end before deploying to Azure.

Does Azure Static Web Apps work with GitHub Actions for CI/CD?▼

Yes, Azure Static Web Apps integrates directly with GitHub Actions for CI/CD. The SWA CLI helps configure deployment workflows to automatically build and deploy your static site upon repository updates.

What is the best way to configure routing in Azure Static Web Apps?▼

The best way to configure routing is by defining rules in the staticwebapp.config.json file. This manages API routing, navigation fallbacks, and runtime configuration for your deployed static app.

Do I need a specific framework to use Azure Static Web Apps?▼

No specific framework is required. The SWA CLI features framework auto-detection to streamline configuration for various static site generators, adapting the build and deployment workflow automatically.

Related Skills

Explore More Software Engineering Skills→
alexandereiseghohialexandereiseghohi

azure-static-web-apps

Automate Azure Static Web Apps setup, local development, and deployment with the SWA CLI.

Community
Intermediate
mjunaidcamjunaidca
9

docusaurus-deployer

Automate Docusaurus site deployment to GitHub Pages with local validation.

Community
Advanced
edjan11edjan11

azure-static-web-apps

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

Community
Intermediate
githubgithub
37.6k

azure-static-web-apps

Automate Azure Static Web Apps setup and deployment using the SWA CLI.

Official
Intermediate