Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 9 days 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 (about 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 (8 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)