Awesome Azure Static Web Apps

What's Azure Static Web Apps?

Contents

• General Resources
• Learning resources
  • By technology
• Tools
• Starter Kits
• Showcase

General Resources

• Official docs and quickstart
• GitHub issue register

Learning resources

• Azure Tips and Tricks: Static Web Apps [youtube.com]
• Learn how to get started with Azure Static Web Apps // Build 2020 [youtube.com]
• From code to scale! Build a static web app in minutes // Build 2020 [channel9.com]
• Building and Deploying a Static Web App [channel9.com]
• Publish an API to Azure Static Web Apps [docs.microsoft.com]
• Deploy serverless web apps and APIs with Azure Static Web Apps and GitHub [dev.to]
• Static Web Apps - First Look [dev.to]
• Build a Beautiful Web site the Easy Way Using Azure Static Web Apps [channel9.com]
• Getting Started with Azure Static Web Apps [blog.codewithdan.com]
• Let's Get Started With Azure Static Web Apps [youtube.com]
• Converting a web app to Static Web Apps
• Angular, Rust, WebAssembly, Node.js, Serverless, and... the NEW Azure Static Web Apps! [dev.to/azure]
• Using Okta with Static Web Apps [www.aaron-powell.com]
• Using Auth0 with Static Web Apps [www.aaron-powell.com]
• Introducing the Static Web Apps CLI [techcommunity.microsoft.com]
• Use Azure Static Web Apps with Azure DevOps pipelines [www.daveabrock.com]
• Using F# to build static web apps [www.aaron-powell.com]

By technology

• Angular
  • Publish an Angular app with Azure Static Web Apps [docs.microsoft.com]
  • Publish a server-side rendered Angular app with Azure Static Web Apps [github.com]
  • Deploy an Angular Application with Azure Static Web Apps [telerik.com]
  • Building An Angular App With Azure Static Web Apps Service [medium.com]
• Blazor
  • Publish a Blazor WebAssembly app and .NET API with Azure Static Web Apps [docs.microsoft.com]
  • Deploy Blazor WebAssembly apps to Azure Static Web Apps [maneu.net]
  • Blast Off with Blazor, Azure Functions, and Azure Static Web Apps [www.daveabrock.com]
• Eleventy
  • Publish an Eleventy app with Azure Static Web Apps [github.com]
• Gatsby
  • Azure Static Web App Deployment [gatsbyjs.com]
  • Create and publish a static web app with Gatsby and Azure Static Web Apps [docs.microsoft.com]
• Nuxt.js
  • How to deploy on Azure Static Web Apps [nuxtjs.org]
• React
  • Create React App Deployment [create-react-app.dev]
  • Publish a React app with Azure Static Web Apps [docs.microsoft.com]
  • React + TypeScript + GraphQL with Azure Static Web Apps [youtube.com]
• Stencil
  • Publish a Stencil app with Azure Static Web Apps [github.com]
• Svelte
  • Publish a Svelte app with Azure Static Web Apps [docs.microsoft.com]
• Vue
  • Publish a Vue app with Azure Static Web Apps [docs.microsoft.com]

Tools

Local Dev

• Azure Static Web Apps Extension for Visual Studio Code
• Azure Static Web Apps CLI
• Developing with VS Code Devcontainers (devcontainer reference)
• Test a staticwebapp.config.json file

Deployment

• GitHub Action for deploying to Azure Static Web Apps

Auth

• Blazor Authentication for Azure Static Web Apps
• JavaScript API Authentication helper
• React auth components
• Angular auth library

Starter Kits

• Azure Static Web Apps and Mongoose starter kit
• Azure Static Web Apps Minimal HTML/JS/CSS Template
• Static Web Dev GitHub Templates
• TypeScript React + API starter kit
• Azure Static Web Apps minimal TypeScript setup (app + API)
• Fable for Azure Static Web Apps - GitHub repo template for Fable + Functions for Azure Static Web Apps
• Fable + Feliz for Azure Static Web Apps - GitHub repo template for Feliz + Functions for Azure Static Web Apps
• Elmish for Azure Static Web Apps - GitHub repo template for Elmish + Functions for Azure Static Web Apps

Showcase

• Community Projects Gallery