{"id":63503,"date":"2022-03-01T08:25:49","date_gmt":"2022-03-01T16:25:49","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/devops\/?p=63503"},"modified":"2022-02-23T08:28:36","modified_gmt":"2022-02-23T16:28:36","slug":"azurefunbytes-episode-69-whats-new-in-azurestaticapps-with-simona_cotin-and-nthonychu","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/devops\/azurefunbytes-episode-69-whats-new-in-azurestaticapps-with-simona_cotin-and-nthonychu\/","title":{"rendered":"AzureFunBytes Episode 69 &#8211; What&#8217;s New In @AzureStaticApps with @simona_cotin and @nthonyChu"},"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><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--Z7BxBMz1--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880\/https:\/\/dev-to-uploads.s3.amazonaws.com\/uploads\/articles\/j2xzw2g664tj31jij13t.gif\" alt=\"AzureFunBytes animation\" \/><\/p>\n<p>On this episode of AzureFunBytes, <a href=\"https:\/\/twitter.com\/simona_cotin\">Simona Cotin<\/a> and <a href=\"https:\/\/twitter.com\/nthonyChu\">Anthony Chu<\/a> join the show to discuss what&#8217;s new in <a href=\"https:\/\/cda.ms\/3PV\">Static Web Apps<\/a> since the last time they were on the show!   Azure Static Web Apps allows you to build modern web applications that automatically publish to the web as your code changes.  Since we last discussed Azure Static Web Apps with Anthony there&#8217;s been a number of enhancements to the service we&#8217;d really love to share with you.<\/p>\n<p>Key features highlighted on the <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/static-web-apps\/overview?WT.mc_id=modinfra-56839-jagord\">Azure Static Web Apps documentation on Microsoft Docs<\/a> include:<\/p>\n<ul>\n<li><strong>Web hosting<\/strong> for static content like HTML, CSS, JavaScript, and images.<\/li>\n<li><strong>Integrated API<\/strong> support provided by Azure Functions with the option to link an existing Azure Functions app using a standard account.<\/li>\n<li><strong>First-class GitHub and Azure DevOps integration<\/strong> where repository changes trigger builds and deployments.<\/li>\n<li><strong>Globally distributed<\/strong> static content, putting content closer to your users.<\/li>\n<li><strong>Free SSL certificates<\/strong>, which are automatically renewed.<\/li>\n<li><strong>Custom domains<\/strong> to provide branded customizations to your app.<\/li>\n<li><strong>Seamless security model<\/strong> with a reverse-proxy when calling APIs, which requires no CORS configuration.<\/li>\n<li><strong>Authentication provider integrations<\/strong> with Azure Active Directory, GitHub, and Twitter.<\/li>\n<li><strong>Customizable authorization role definition<\/strong> and assignments.<\/li>\n<li><strong>Back-end routing rules<\/strong> enabling full control over the content and routes you serve.<\/li>\n<li><strong>Generated staging versions<\/strong> powered by pull requests enabling preview versions of your site before publishing.<\/li>\n<\/ul>\n<p><iframe title=\"AzureFunBytes Episode 69 - What&#039;s New In @AzureStaticApps with @simona_cotin and @nthonyChu\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/P2WyfojK9m0?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:\/\/www.youtube.com\/watch?v=P2WyfojK9m0\">00:00:00 &#8211; Opening<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=114\">00:01:54 &#8211; Welcome back everyone<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=209\">00:03:29  &#8211; Let&#8217;s meet our guests<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=449\">00:07:29 &#8211; How&#8217;d you get here, Simona?<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=548\">00:09:08 &#8211; How&#8217;d you get here, Anthony?<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=693\">00:11:33 &#8211; Key features of SWA<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=803\">00:13:23 &#8211; Workflow overview<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=1142\">00:19:02 &#8211; Enterprise-edge for SWA<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=1347\">00:22:27 &#8211; Can I bring my own Front Door?<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=1931\">00:32:11 &#8211; What auth providers are available out of the box?<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=2385\">00:39:45 &#8211; Custom auth with Anthony<\/a><br>\n<a href=\"https:\/\/youtu.be\/P2WyfojK9m0?t=2984\">00:49:44 &#8211; Functions support in SWA<\/a><br><\/p>\n<p>Our agenda includes:<\/p>\n<ul>\n<li><a href=\"https:\/\/cda.ms\/3Q8\">Custom authentication<\/a><\/li>\n<li><a href=\"https:\/\/cda.ms\/3Q9\">Bring your own functions<\/a><\/li>\n<li><a href=\"https:\/\/cda.ms\/3Q5\">Azure DevOps<\/a><\/li>\n<li><a href=\"https:\/\/cda.ms\/3Q3\">Enterprise-grade edge<\/a><\/li>\n<\/ul>\n<hr \/>\n<p>Learn about Azure fundamentals with me!<\/p>\n<p>Live stream is normally found on Twitch, YouTube, and <a href=\"https:\/\/cda.ms\/226\">LearnTV<\/a> at 11 AM PT \/ 2 PM ET 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><br><\/p>\n<p>Useful Docs:\n<a href=\"https:\/\/cda.ms\/219\">Get $200 in free Azure Credit<\/a><br>\n<a href=\"https:\/\/cda.ms\/243\">Microsoft Learn: Introduction to Azure fundamentals<\/a><br>\n<a href=\"https:\/\/cda.ms\/3PZ\">Microsoft Learn: Azure Static Web Apps Learning Path<\/a><br>\n<a href=\"https:\/\/cda.ms\/3PX\">Microsoft Learn: Publish an Angular, React, Svelte, or Vue JavaScript app with Azure Static Web Apps<\/a><br>\n<a href=\"https:\/\/aka.ms\/swadocs\">Azure Static Web Apps documentation<\/a><br>\n<a href=\"https:\/\/cda.ms\/3PY\">Accelerate your websites with Azure Static Web Apps enterprise-edge<\/a><br>\n<a href=\"https:\/\/cda.ms\/3Q5\">Tutorial: Publish Azure Static Web Apps with Azure DevOps<\/a><br>\n<a href=\"https:\/\/cda.ms\/3Q9\">Bring your own functions to Azure Static Web Apps<\/a><br>\n<a href=\"https:\/\/cda.ms\/3Q8\">Custom authentication in Azure Static Web Apps<\/a><br>\n<a href=\"https:\/\/cda.ms\/3Q7\">Authentication and authorization for Azure Static Web Apps<\/a><br>\n<a href=\"https:\/\/cda.ms\/3Q1\">Add an API to Azure Static Web Apps with Azure Functions<\/a><br>\n<a href=\"https:\/\/cda.ms\/3Qz\">AzureFunBytes \u2013 Azure Static Web Apps with Anthony Chu!<\/a><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>On this episode of AzureFunBytes, Simona Cotin  and Anthony Chu  join the show to discuss what&#8217;s new in Static Web Apps  since the last time they were on the show! Azure Static Web Apps allows you to build modern web applications that automatically publish to the web as your code changes.<\/p>\n","protected":false},"author":39313,"featured_media":63504,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[224,1],"tags":[],"class_list":["post-63503","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure","category-devops"],"acf":[],"blog_post_summary":"<p>On this episode of AzureFunBytes, Simona Cotin  and Anthony Chu  join the show to discuss what&#8217;s new in Static Web Apps  since the last time they were on the show! Azure Static Web Apps allows you to build modern web applications that automatically publish to the web as your code changes.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/63503","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=63503"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/63503\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media\/63504"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media?parent=63503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/categories?post=63503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/tags?post=63503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}