Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/staticwebdev/awesome-azure-static-web-apps

Curated list of resources for Azure Static Web Apps
https://github.com/staticwebdev/awesome-azure-static-web-apps

List: awesome-azure-static-web-apps

awesome-list azure-static-web-apps

Last synced: about 1 month ago
JSON representation

Curated list of resources for Azure Static Web Apps

Host: GitHub
URL: https://github.com/staticwebdev/awesome-azure-static-web-apps
Owner: staticwebdev
License: mit
Created: 2020-12-02T16:44:03.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2022-12-13T09:52:19.000Z (almost 2 years ago)
Last Synced: 2024-04-13T20:47:37.618Z (5 months ago)
Topics: awesome-list, azure-static-web-apps
Homepage:
Size: 70.3 KB
Stars: 86
Watchers: 12
Forks: 20
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

ultimate-awesome - awesome-azure-static-web-apps - Curated list of resources for Azure Static Web Apps. (Other Lists / PowerShell Lists)
jimsghstars - staticwebdev/awesome-azure-static-web-apps - Curated list of resources for Azure Static Web Apps (Others)

README

        # Awesome Azure Static Web Apps ![Awesome Badge](https://awesome.re/badge-flat2.svg)



[What's Azure Static Web Apps?](https://docs.microsoft.com/azure/static-web-apps/overview?WT.mc_id=javascript-11478-cxa)

## Contents

- [General Resources](#general-resources)

- [Learning resources](#learning-resources)

  * [By technology](#by-technology)

- [Tools](#tools)

- [Starter Kits](#starter-kits)

- [Showcase](#showcase)

## General Resources

- [Official docs and quickstart](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=javascript-11478-cxa)

- [GitHub issue register](https://github.com/Azure/static-web-apps/issues)

## Learning resources

- [Azure Tips and Tricks: Static Web Apps](https://aka.ms/StaticWebAppsTips) [youtube.com]

- [Learn how to get started with Azure Static Web Apps // Build 2020](https://www.youtube.com/watch?v=OFcyWMg3jjg) [youtube.com]

- [From code to scale! Build a static web app in minutes // Build 2020](https://channel9.msdn.com/Events/Build/2020/INT159?WT.mc_id=javascript-11478-cxa) [channel9.com]

- [Building and Deploying a Static Web App](https://channel9.msdn.com/Shows/Docs-Azure/Building-and-Deploying-a-Static-Web-App/?WT.mc_id=javascript-11478-cxa) [channel9.com]

- [Publish an API to Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-static-web-app-api-preview-url/?WT.mc_id=javascript-11478-cxa) [docs.microsoft.com]

- [Deploy serverless web apps and APIs with Azure Static Web Apps and GitHub](https://dev.to/azure/the-easy-way-to-serverless-web-apps-and-apis-with-azure-swag-2heb) [dev.to]

- [Static Web Apps - First Look](https://dev.to/azure/static-web-apps-first-look-3b1) [dev.to]

- [Build a Beautiful Web site the Easy Way Using Azure Static Web Apps](https://channel9.msdn.com/Events/Start-Dev-Change/Start-Dev-Change/Build-a-Beautiful-Web-site-the-Easy-Way-Using-Azure-Static-Web-Apps?WT.mc_id=javascript-11478-cxa) [channel9.com]

- [Getting Started with Azure Static Web Apps](https://blog.codewithdan.com/getting-started-with-azure-static-web-apps/) [blog.codewithdan.com]

- [Let's Get Started With Azure Static Web Apps](https://www.youtube.com/watch?v=31nFBQg5cAQ) [youtube.com]

- [Converting a web app to Static Web Apps](https://amygoestoperth.com.au/building-quokkabot-part-3-moving-to-azure-static-web-apps/)

- [Angular, Rust, WebAssembly, Node.js, Serverless, and... the NEW Azure Static Web Apps!](https://dev.to/azure/angular-rust-webassembly-node-js-serverless-and-the-new-azure-static-web-apps-cnb) [dev.to/azure]

- [Using Okta with Static Web Apps](https://www.aaron-powell.com/posts/2021-05-13-using-okta-with-static-web-apps/) [www.aaron-powell.com]

- [Using Auth0 with Static Web Apps](https://www.aaron-powell.com/posts/2021-05-13-using-auth0-with-static-web-apps/) [www.aaron-powell.com]

- [Introducing the Static Web Apps CLI](https://techcommunity.microsoft.com/t5/apps-on-azure/introducing-the-azure-static-web-apps-cli/ba-p/2257581) [techcommunity.microsoft.com]

- [Use Azure Static Web Apps with Azure DevOps pipelines](https://www.daveabrock.com/2021/04/01/static-web-apps-azure-pipelines/) [www.daveabrock.com]

- [Using F# to build static web apps](https://www.aaron-powell.com/posts/2021-07-09-learn-about-fsharp-and-web-development/) [www.aaron-powell.com]

### By technology

- [Angular](https://angular.io/)

  * [Publish an Angular app with Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-11478-cxa) [docs.microsoft.com]

  * [Publish a server-side rendered Angular app with Azure Static Web Apps](https://github.com/manekinekko/angular-ssr-swa#angular-server-side-rendering-on-azure-static-web-apps) [github.com]

  * [Deploy an Angular Application with Azure Static Web Apps](https://www.telerik.com/blogs/deploy-angular-application-with-azure-static-web-apps) [telerik.com]

  * [Building An Angular App With Azure Static Web Apps Service](https://medium.com/bb-tutorials-and-thoughts/building-an-angular-app-with-azure-static-web-apps-service-8fe84ebe4709) [medium.com]

- [Blazor](https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor?WT.mc_id=javascript-11478-cxa)

  * [Publish a Blazor WebAssembly app and .NET API with Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api-dotnet/?WT.mc_id=javascript-11478-cxa) [docs.microsoft.com]

  * [Deploy Blazor WebAssembly apps to Azure Static Web Apps](https://www.maneu.net/dev/2020-05-deploy-blazor-client-apps-with-azure-static-apps/) [maneu.net]

  * [Blast Off with Blazor, Azure Functions, and Azure Static Web Apps](https://www.daveabrock.com/2020/10/13/azure-functions-static-apps-blazor/) [www.daveabrock.com]

- [Eleventy](https://www.11ty.dev/)

  * [Publish an Eleventy app with Azure Static Web Apps](https://github.com/manekinekko/11ty-blog-swa#eleventy-base-blog) [github.com]

- [Gatsby](https://www.gatsbyjs.com)

  * [Azure Static Web App Deployment](https://www.gatsbyjs.com/docs/deploying-to-azure/) [gatsbyjs.com]

  * [Create and publish a static web app with Gatsby and Azure Static Web Apps](https://docs.microsoft.com/learn/modules/create-deploy-static-webapp-gatsby-app-service/?WT.mc_id=javascript-11478-cxa) [docs.microsoft.com]

- [Nuxt.js](https://nuxtjs.org/)

  * [How to deploy on Azure Static Web Apps](https://nuxtjs.org/faq/deployment-azure-static-web-apps/) [nuxtjs.org]

- [React](https://reactjs.org/)

  * [Create React App Deployment](https://create-react-app.dev/docs/deployment/#azure) [create-react-app.dev]

  * [Publish a React app with Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-11478-cxa) [docs.microsoft.com]

  * [React + TypeScript + GraphQL with Azure Static Web Apps](https://www.youtube.com/watch?v=7CmNSykJNoA) [youtube.com]

- [Stencil](https://stenciljs.com)

  * [Publish a Stencil app with Azure Static Web Apps](https://github.com/manekinekko/stencil-swa#stencil-app-starter) [github.com]

- [Svelte](https://svelte.dev/)

  * [Publish a Svelte app with Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-11478-cxa) [docs.microsoft.com]

- [Vue](https://vuejs.org/)

  * [Publish a Vue app with Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-11478-cxa) [docs.microsoft.com]

## Tools

### Local Dev

- [Azure Static Web Apps Extension for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestaticwebapps&WT.mc_id=javascript-11478-cxa)

- [Azure Static Web Apps CLI](https://github.com/Azure/static-web-apps-cli)

- [Developing with VS Code Devcontainers](https://acloudguru.com/blog/engineering/how-to-develop-serverless-apps-with-github-codespaces) ([devcontainer reference](https://github.com/microsoft/vscode-dev-containers/tree/master/containers/azure-static-web-apps))

- [Test a staticwebapp.config.json file](https://swa-playground.wassim.dev/)

### Deployment

- [GitHub Action for deploying to Azure Static Web Apps](https://github.com/Azure/static-web-apps-deploy)

### Auth

- [Blazor Authentication for Azure Static Web Apps](https://github.com/Azure/azure-app-service-authentication)

- [JavaScript API Authentication helper](https://github.com/aaronpowell/azure-static-web-apps-api-auth)

- [React auth components](https://github.com/aaronpowell/react-static-web-apps-auth)

- [Angular auth library](https://github.com/christianacca/static-web-apps-auth)

## Starter Kits

- [Azure Static Web Apps and Mongoose starter kit](https://github.com/GeekTrainer/aswa-student-starter-kit)

- [Azure Static Web Apps Minimal HTML/JS/CSS Template](https://github.com/sinedied/azure-swag)

- [Static Web Dev GitHub Templates](https://github.com/staticwebdev?tab=repositories)

- [TypeScript React + API starter kit](https://github.com/aaronpowell/aswa-react-template)

- [Azure Static Web Apps minimal TypeScript setup (app + API)](https://github.com/manekinekko/swa-typescript)

- [Fable for Azure Static Web Apps](https://github.com/aaronpowell/swa-fable-template) - GitHub repo template for Fable + Functions for Azure Static Web Apps

- [Fable + Feliz for Azure Static Web Apps](https://github.com/aaronpowell/swa-feliz-template) - GitHub repo template for Feliz + Functions for Azure Static Web Apps

- [Elmish for Azure Static Web Apps](https://github.com/aaronpowell/swa-elmish-template) - GitHub repo template for Elmish + Functions for Azure Static Web Apps

## Showcase

- [Community Projects Gallery](https://github.com/microsoft/static-web-apps-gallery-code-samples)