A Beginner's Guide to Azure Static Web Apps - Free hosting for Blazor, React, Angular, & more!

In this video I walk through how to create your very first Azure Static Web app, how to deploy it with GitHub actions, how to communicate with an Azure Function backend, and how to setup a full custom domain name with SSL certs! In under 30 minutes!

Links:

Join this channel to get access to perks:

Follow:

Chapters:
00:00 - Intro
00:55 - What are Azure Static Web Apps?
03:33 - Documentation, Getting Started, Templates
05:15 - Blazor Starter Templates Walkthrough
08:30 - Creating our Azure Static Web App
09:40 - Comparing Free & Standard Plans
11:05 - Setting up GitHub Continuous Integration & Deployment
17:05 - Configuring SSL Cert & Custom Domain
20:14 - Configuring APEX Domain without www
24:24 - Wrap-up and final thought on static web apps

Disclaimer: This channel, videos, and streams are created in my spare time and are a product of me... James Montemagno! They are NOT officially affiliated or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.

My Setup:

#azurestaticwebapps #staticwebsite #dotnet #blazor #staticwebapps #azure

[TheJoker-tete]

Thank you for this awesome guide! My site is up and running via Azure Static Web Pages right now. Kudos to your colleagues on the Azure Team for delivering this great product.

[markusn]

I really liked that you showed the actual steps in getting that custom domain up and running! First time I've seen that in a tutorial, and it's vital information in static web apps due to those strange auto-generated domains.
If you had shown how to do simple authentication with Azure Ad this would have been a perfect video, hopefully in some other video!

[JoeBonez]

I had a standard web app which, because i had external dns, required a minimum B1 app service plan. It was costing me around $120 a month even with minimal usage. It also required a certificate which renewed annually, at additional expense. Moved it to a static web app with the paid level (because it is a business site) for $9 a month. Amazing service.

[leeper]

James this is awesome! I'm so happy to see another great tutorial on Azure from you. I'd love to see more on Blazor as well. As a JS SPA dev it's kind of fascinating to learn about a different way to build web UIs.

PS I'm the Twitter guy asking for the tutorial 😂

[abdulrahmankayali]

Wonderful! Having the full workflow of deploying a Web App backed with Azure Functions for FREE inspires a lot of junior developers on a budget and helps them to bring their ideas to life. Thanks so much

[stephenadams]

Great video. I really enjoy all the content you create. Thanks heaps for helping us all out.

[FullExtension]

Thank you, James! You are absolutely awesome dude, keep up the amazing work.

[marcoscarvalho]

hello james thank you, your classes are of great value, whenever i can even though i don't understand english very well but coding is a universal language. Hugs. Brazil, Sao Paulo. Tradutor Google.

[Guru]

Thanks for sharing amazing content,
It will be help us if you do a video on Azure Functions for starters

[michael_azzer]

Amazing, your video will be start point that push my to start learn blazor❤

[andrewfraser]

Thanks James, that was really informative 👍

[jd]

That's great! Thanks for this video.

[ajaysh]

Can you do a video on next js deployment on Azure with a local agent as MS doesn't provide free parallism. I'm getting an internal error after following all the steps.

[markharby]

Nice video James, refreshing change to show all the 'in-between' bits.
Would be good to follow-up with an introduction to Azure Functions so we can pull data into the Static Web App from a database (showing the best options).

[abdulhabdulroof]

James Stay awesome man😎 you are the best

[mjdobson]

Your a star mate, love your movies and yeah I want to see more

[razziE]

Great video, thank you James. Following on from setting up and building the static web app, I imagine in a production setup you would want to front your application with a WAF (Web Application Firewall)?

[barsenovic]

I love your Azure videos! Keep it going bro... how do you convert console app to Azure? do you use Functions?

[sumabhat]

Thank you so much for the video. I am able to follow till ALIAS record entry. Since I am using GoDaddy so I am assuming "A" record in GoDaddy means ALIAS record. But it does not take the auto generated code of Azure Static webapp. It takes only the IP Address, It will be great help if you show the same steps for GoDaddy

[Dabayare]

Do they have something similar for native apps. Something that will not require ppl to download again but it just gets updated.