Everything you need to know to deploy an Azure Static Web App
Tags: staticwebapps, azure, serverless, javascript
Published: 2021-05-14 21:39:44

---
title: Everything you need to know to deploy an Azure Static Web App
published: true
description: Azure Static Web Apps are so easy to use and integrate with Github Actions, Azure Functions or your custom authentication. Here is everything you need to deploy.
tags: staticwebapps, azure, serverless, JavaScript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hwpjmzkf8oruna4eu73v.png
---


With [Azure Static Web Apps](https://azure.microsoft.com/en-us/services/app-service/static/?WT.mc_id=javascript-57623-ayyonet#overview) you can host your serverless web app, continiously deploy with Github actions and easily integrate with your Azure APIs or add your custom authentications and domains. 

Sounds too good to be true? Well I would think so if I didn't get to deploy and set up automations with Github Actions, without needing to know anything about actions, in minutes. 

You can read more about the key [Azure Static Web App features](https://docs.microsoft.com/en-us/azure/static-web-apps/overview?WT.mc_id=javascript-57623-ayyonet#key-features) or dive right into it. **Seeing is believing**, so here are all the things that you can get started with depending on your preference:

* [Tutorials](#tutorials)
* [How to Guides](#how-to-guides)
* [Code Samples](#code-samples)



### Tutorials

[![AI Show Live](http://img.youtube.com/vi/VzML-6DClVU/0.jpg)](https://youtu.be/VzML-6DClVU)

* [Azure Learn Modules](https://docs.microsoft.com/en-us/learn/paths/azure-static-web-apps/?WT.mc_id=javascript-57623-ayyonet) covering everything from **Angular, React, Svelte, Vue, Gatsby** and plain old **JavaScript** to publishing a **Blazor WebAssembly app and .NET API**
* [Tutorials](https://docs.microsoft.com/azure/static-web-apps/publish-gatsby?WT.mc_id=javascript-57623-ayyonet)  for working with static site generators to working with databases. 



### How to Guides

[![Azure Static Web Apps Tips & Tricks Playlist](http://img.youtube.com/vi/w-tLZjO6XMc/0.jpg)](https://youtube.com/playlist?list=PLlrxD0HtieHgMPeBaDQFx9yNuFxx6S1VG)
* [Setup your local development environment](https://docs.microsoft.com/azure/static-web-apps/local-development?WT.mc_id=javascript-28641-ayyonet)

* [Configure your frontend framework of your choice](https://docs.microsoft.com/en-us/azure/static-web-apps/front-end-frameworks?WT.mc_id=javascript-28641-ayyonet)

* [How to integrate with your Azure Functions](https://docs.microsoft.com/en-us/azure/static-web-apps/functions-bring-your-own?WT.mc_id=javascript-28641-ayyonet)

* [How to use a database with Azure Static Web Apps](https://docs.microsoft.com/en-us/azure/static-web-apps/add-mongoose?WT.mc_id=javascript-28641-ayyonet)

* [Set up your custom domain](https://docs.microsoft.com/en-us/azure/static-web-apps/custom-domain?tabs=azure-dns&WT.mc_id=javascript-28641-ayyonet)

* [How to do custom authentication with Azure Static Web Apps](https://docs.microsoft.com/en-us/azure/static-web-apps/authentication-custom?tabs=aad&WT.mc_id=javascript-28641-ayyonet)





### Code Samples



* [Microsoft code samples](https://github.com/microsoft/static-web-apps-gallery-code-samples?WT.mc_id=javascript-28641-ayyonet) with lots of cool projects and for different frameworks and integrations like [Azure Functions](https://docs.microsoft.com/en-us/azure/azure-functions/?WT.mc_id=javascript-28641-ayyonet) or [Azure Cognitive Services](https://docs.microsoft.com/en-us/azure/cognitive-services/?WT.mc_id=javascript-28641-ayyonet)


![PoseDance: A TikTok Trainer App](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q26kcreul2ecpxvir9xa.png)

* [Awesome List of Azure Static Web Apps](https://github.com/microsoft/static-web-apps-gallery-code-samples/blob/master/media/angular-search-experience.gif)

* Finally, join us at [AI Show Live](https://www.microsoft.com/en-us/devrel/cognitiveservices/?WT.mc_id=aiml-28641-ayyonet) to see how we build and deploy with Cognitive Services for [AI Playground](https://github.com/aiadvocates/AIPlayground). Ask your questions and let us know the features you want to see on our [Github Discussion](https://github.com/aiadvocates/AIPlayground/discussions/?WT.mc_id=aiml-8567-ayyonet).

[![AI Show Live](http://img.youtube.com/vi/vRNG8BCtTeU/0.jpg)](https://www.youtube.com/playlist?list=PLlrxD0HtieHinivDFATQd5qyjL6ijKHUF)

Let us know in the comments what you think and what you would like to see as a tutorial, code sample or a video about Azure Static Web Apps.


{% tag git %}{% tag webdev %}{% tag staticwebapps %}