1"use strict";(self.webpackChunkjohnnyreilly_com=self.webpackChunkjohnnyreilly_com||[]).push([["25276"],{90765(e,t,i){i.r(t),i.d(t,{assets:()=>o,contentTitle:()=>p,default:()=>c,frontMatter:()=>n,metadata:()=>s,toc:()=>l});var s=i(18673),a=i(74848),r=i(28453);let n={slug:"bicep-azure-static-web-apps-azure-devops",title:"Publish Azure Static Web Apps with Bicep and Azure DevOps",authors:"johnnyreilly",date:new Date("2021-08-15T00:00:00.000Z"),tags:["azure static web apps","bicep","azure pipelines","azure devops"],image:"./title-image.png",hide_table_of_contents:!1,description:"Learn how to deploy Azure Static Web Apps using Bicep and Azure DevOps, including workarounds for common deployment issues.",atUri:"at://did:plc:yy3apqjlms24kso7ahn7lbmb/site.standard.document/3mr5bsloehp2y"},p,o={image:i(7187).A,authorsImageUrls:[void 0]},l=[];function u(e){let t={a:"a",img:"img",p:"p",...(0,r.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(t.p,{children:["This post demonstrates how to deploy ",(0,a.jsx)(t.a,{href:"https://docs.microsoft.com/en-us/azure/static-web-apps/overview",children:"Azure Static Web Apps"})," using Bicep and Azure DevOps. It includes a few workarounds for the ",(0,a.jsx)(t.a,{href:"https://github.com/Azure/static-web-apps/issues/516",children:'"Provider is invalid. Cannot change the Provider. Please detach your static site first if you wish to use to another deployment provider." issue'}),"."]}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.img,{alt:"title image reading "Publish Azure Static Web Apps with Bicep and Azure DevOps" and some Azure logos",src:`https://res.cloudinary.com/priou/image/fetch/f_auto,q_auto,w_auto,dpr_auto/https://johnnyreilly.com${i(38368).A}`,width:"1522",height:"644",loading:"eager",fetchpriority:"high"})})]})}function c(e={}){let{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(u,{...e})}):u(e)}},7187(e,t,i){i.d(t,{A:()=>s});let s=i.p+"assets/images/title-image-2f09fb58fbc23a5988344f6bb4334136.png"},38368(e,t,i){i.d(t,{A:()=>s});let s=i.p+"assets/images/title-image-2f09fb58fbc23a5988344f6bb4334136.png"},28453(e,t,i){i.d(t,{R:()=>n,x:()=>p});var s=i(96540);let a={},r=s.createContext(a);function n(e){let t=s.useContext(r);return s.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function p(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:n(e.components),s.createElement(r.Provider,{value:t},e.children)}},18673(e){e.exports=JSON.parse('{"permalink":"/bicep-azure-static-web-apps-azure-devops","editUrl":"https://github.com/johnnyreilly/blog.johnnyreilly.com/edit/main/blog-website/blog/2021-08-15-bicep-azure-static-web-apps-azure-devops/index.md","source":"@site/blog/2021-08-15-bicep-azure-static-web-apps-azure-devops/index.md","title":"Publish Azure Static Web Apps with Bicep and Azure DevOps","description":"Learn how to deploy Azure Static Web Apps using Bicep and Azure DevOps, including workarounds for common deployment issues.","date":"2021-08-15T00:00:00.000Z","tags":[{"inline":false,"label":"Azure Static Web Apps","permalink":"/tags/azure-static-web-apps","description":"The Azure Static Web Apps service."},{"inline":false,"label":"Bicep","permalink":"/tags/bicep","description":"The Bicep language for Azure Resource Manager templates."},{"inline":false,"label":"Azure Pipelines","permalink":"/tags/azure-pipelines","description":"The Azure Pipelines CI / CD service."},{"inline":false,"label":"Azure DevOps","permalink":"/tags/azure-devops","description":"The Azure DevOps suite of tools."}],"readingTime":4.72,"hasTruncateMarker":true,"authors":[{"name":"John Reilly","title":"OSS Engineer - TypeScript, Azure, React, Node.js, .NET","url":"https://johnnyreilly.com/about","imageURL":"https://johnnyreilly.com/img/profile-2025.jpg","key":"johnnyreilly","page":null}],"frontMatter":{"slug":"bicep-azure-static-web-apps-azure-devops","title":"Publish Azure Static Web Apps with Bicep and Azure DevOps","authors":"johnnyreilly","date":"2021-08-15T00:00:00.000Z","tags":["azure static web apps","bicep","azure pipelines","azure devops"],"image":"./title-image.png","hide_table_of_contents":false,"description":"Learn how to deploy Azure Static Web Apps using Bicep and Azure DevOps, including workarounds for common deployment issues.","atUri":"at://did:plc:yy3apqjlms24kso7ahn7lbmb/site.standard.document/3mr5bsloehp2y"},"unlisted":false,"prevItem":{"title":"Bicep: syntax highlighting with PrismJS (and Docusaurus)","permalink":"/bicep-syntax-highlighting-with-prismjs"},"nextItem":{"title":"TypeScript 4.4 and more readable code","permalink":"/typescript-4-4-more-readable-code"}}')}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.