I am in love with Static Web Apps and the ability to easily host them completely for free with Azure Static Web Apps. No matter if you are building a web app with libraries and web frameworks like Blazor, Angular, React, Svelte, Vue, Next.js, Nuxt.js, Gatsby, Hugo, VuePress, or basically anything that has static content (HTML, CSS, JavaScript), you can take advantage of Azure Static Web Apps. Free web hosting, integrated API with Azure Functions, first-class CI/CD support for GitHub & Azure DevOps, Globally Distributed, Free SSL Certificates, Custom Domains, seamless security model, and so much more is packed in! FOR FREE!
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:
Signup for Azure for Free: azure.microsoft.com/free/
Student Azure Signup - azure.microsoft.com/free/stud...
Azure Developers RU-vid - / @azuredevelopers
Azure Static Web Apps Documentation: learn.microsoft.com/azure/sta...
30 days of Static Web Apps - www.azurestaticwebapps.dev/
The SWA! www.mylifewithandroid.com/
Join this channel to get access to perks:
/ @jamesmontemagno
👕 Buy some swag! - jamesmontemagno.myspreadshop....
☕️ Buy me a coffee - www.buymeacoffee.com/jamesmon...
Follow:
👨💻 GitHub: github.com/jamesmontemagno
🦜 Twitter: / jamesmontemagno
📄 Website: www.montemagno.com
📰 Newsletter: newsletter.montemagno.com/
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.
What is on my hat? It is the CLE clothing logo because I am from Cleveland! Checkout their awesome CLE merch: cleclothingco.myshopify.com/
What is that art on my wall? It is an original piece from the French street artist Gregos of La Butte Montmartre: / bcez1onhiqx
My Setup:
📷 Canon M50 Mark II - amzn.to/3P8R7lp
💡 Nanoleaf Elements Lights - amzn.to/3umwJVW
🎙 Blue Spark Microphone - amzn.to/3qgtYkq
🎙 Blue Pop Filter - amzn.to/3jEWM3r
🤳 Rode Microphone Arm - amzn.to/2Z68AlE
🎧 Sony MDR7306 Headphones - amzn.to/372jxta
📲 Stream Deck - amzn.to/373Uk1n
📹 Elgato Cam Link - amzn.to/3a9eGbh
📷 GoPro Hero - amzn.to/374lm90
🖱 MX Master 2S Mouse - amzn.to/3d7J2gj
⌨️ Tecware Phantom Keyboard - amzn.to/3aUP4y9
#azurestaticwebapps #staticwebsite #dotnet #blazor #staticwebapps #azure
22 июл 2024
