{"id":61531,"date":"2021-04-26T10:00:49","date_gmt":"2021-04-26T18:00:49","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/devops\/?p=61531"},"modified":"2021-04-20T10:41:51","modified_gmt":"2021-04-20T18:41:51","slug":"azurefunbytes-azure-static-web-apps-with-nthonychu","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/devops\/azurefunbytes-azure-static-web-apps-with-nthonychu\/","title":{"rendered":"AzureFunBytes &#8211; Azure Static Web Apps with Anthony Chu!"},"content":{"rendered":"<p>AzureFunBytes is a weekly opportunity to learn more about the fundamentals and foundations that make up Azure. It&#8217;s a chance for me to understand more about what people across the Azure organization do and how they do it. Every week we get together at 11 AM Pacific on <a href=\"https:\/\/cda.ms\/226\">Microsoft LearnTV<\/a> and learn more about Azure.<\/p>\n<p>This week I welcomed <a href=\"https:\/\/twitter.com\/nthonychu\">Anthony Chu<\/a>, Program Manager at Microsoft, to discuss <a href=\"https:\/\/cda.ms\/23H\">Azure Static Web Apps<\/a> and <a href=\"https:\/\/cda.ms\/23J\">Azure Functions<\/a>. Anthony and I have a conversation on why this service makes sense for your web apps. We discussed how the Azure Static Web App Service enables collaboration with your development team by utilizing triggered CI\/CD runs from <a href=\"https:\/\/cda.ms\/23K\">GitHub Actions<\/a> or <a href=\"https:\/\/cda.ms\/23L\">Azure DevOps Pipelines<\/a>. There&#8217;s support right out of the box for static site generators like <a href=\"https:\/\/cda.ms\/23V\">Gatsby<\/a>, <a href=\"https:\/\/cda.ms\/23W\">Hugo<\/a>, <a href=\"https:\/\/cda.ms\/23X\">VuePress<\/a>, and more.<\/p>\n<p><iframe title=\"AzureFunBytes Episode 38 - Azure Static Web Apps with @nthonyChu!\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/pGjbKYgTlwk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><a href=\"https:\/\/youtu.be\/pGjbKYgTlwk?list=PLNMUSSKcxKjdUEpxkXCsKUUlHihyve-1L&amp;t=260\">4:19 &#8211; Can I Deploy my Nuxt.js website on Azure static web apps with a single command line?<\/a><br \/>\n<a href=\"https:\/\/youtu.be\/pGjbKYgTlwk?list=PLNMUSSKcxKjdUEpxkXCsKUUlHihyve-1L&amp;t=336\">5:36 &#8211; Intro to Anthony Chu<\/a><br \/>\n<a href=\"https:\/\/youtu.be\/pGjbKYgTlwk?list=PLNMUSSKcxKjdUEpxkXCsKUUlHihyve-1L&amp;t=529\">8:49 &#8211; What is Azure Static Web Apps?<\/a><br \/>\n<a href=\"https:\/\/youtu.be\/pGjbKYgTlwk?list=PLNMUSSKcxKjdUEpxkXCsKUUlHihyve-1L&amp;t=1027\">17:07 &#8211; Review Azure Static Web Apps product<\/a><br \/>\n<a href=\"https:\/\/youtu.be\/pGjbKYgTlwk?list=PLNMUSSKcxKjdUEpxkXCsKUUlHihyve-1L&amp;t=1555\">25:55 &#8211; Looking at the <code>swa<\/code> CLI tool<\/a><br \/>\n<a href=\"https:\/\/youtu.be\/pGjbKYgTlwk?list=PLNMUSSKcxKjdUEpxkXCsKUUlHihyve-1L&amp;t=2100\">35:00 &#8211; Adding a custom domain<\/a><br \/>\n<a href=\"https:\/\/youtu.be\/pGjbKYgTlwk?list=PLNMUSSKcxKjdUEpxkXCsKUUlHihyve-1L&amp;t=2341\">39:01 &#8211; Local Static Web Apps development<\/a><br \/>\n<a href=\"https:\/\/youtu.be\/pGjbKYgTlwk?list=PLNMUSSKcxKjdUEpxkXCsKUUlHihyve-1L&amp;t=2602\">43:22 &#8211; Adding an API with Azure Functions<\/a><br \/>\n<a href=\"https:\/\/youtu.be\/pGjbKYgTlwk?list=PLNMUSSKcxKjdUEpxkXCsKUUlHihyve-1L&amp;t=3138\">52:18 &#8211; Dynamic Web App<\/a><\/p>\n<p>We cover: * What is Jamstack?<br \/>\n* What is Azure Static Web Apps?<br \/>\n* Demos + chatting + questions<br \/>\n* Take a single page app and deploy it to Static Web Apps<br \/>\n* Add an API<br \/>\n* Add authentication<br \/>\n* Add custom domain<br \/>\n* Look at an app that uses other Azure services (<a href=\"https:\/\/cda.ms\/24p\">SignalR<\/a>, <a href=\"https:\/\/cda.ms\/24q\">Cosmos DB<\/a>)<\/p>\n<hr \/>\n<p>Learn about Azure fundamentals with me!<\/p>\n<p>Live stream is available on Twitch, YouTube, and LearnTV at 2 pm EST Thursday. You can also find the recordings here as well:<\/p>\n<p><a href=\"https:\/\/twitch.tv\/azurefunbytes\">AzureFunBytes on Twitch<\/a><br \/>\n<a href=\"https:\/\/aka.ms\/jaygordononyoutube\">AzureFunBytes on YouTube<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/channel\/UC-ikyViYMM69joIAv7dlMsA\">Azure DevOps YouTube Channel<\/a><br \/>\n<a href=\"https:\/\/twitter.com\/azurefunbytes\">Follow AzureFunBytes on Twitter<\/a><\/p>\n<p>Useful Docs:<\/p>\n<p><a href=\"https:\/\/cda.ms\/219\">Get $200 in free Azure Credit<\/a><br \/>\n<a href=\"https:\/\/cda.ms\/23Y\">Azure Static Web Apps documentation<\/a><br \/>\n<a href=\"https:\/\/cda.ms\/23Z\">What is Azure Static Web Apps Preview?<\/a><br \/>\n<a href=\"https:\/\/cda.ms\/240\">Set up local development for Azure Static Web Apps Preview<\/a><br \/>\n<a href=\"https:\/\/cda.ms\/241\">Add an API to Azure Static Web Apps Preview with Azure Functions<\/a><br \/>\n<a href=\"https:\/\/cda.ms\/242\">Microsoft Learn: Azure Static Web Apps<\/a><br \/>\n<a href=\"https:\/\/cda.ms\/243\">Microsoft Learn: Introduction to Azure fundamentals<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week I welcomed Anthony Chu, Program Manager at Microsoft, to discuss Azure Static Web Apps and Azure Functions. Anthony and I have a conversation on why this service makes sense for your web apps. <\/p>\n","protected":false},"author":39313,"featured_media":61532,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[226,1,225],"tags":[],"class_list":["post-61531","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ci","category-devops","category-git"],"acf":[],"blog_post_summary":"<p>This week I welcomed Anthony Chu, Program Manager at Microsoft, to discuss Azure Static Web Apps and Azure Functions. Anthony and I have a conversation on why this service makes sense for your web apps. <\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/61531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/users\/39313"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/comments?post=61531"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/61531\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media\/61532"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media?parent=61531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/categories?post=61531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/tags?post=61531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}