ááťáááşáááşááźááşá¸á áááˇáşáĄáá˝ááş áááşáááŻáˇááŻááşááąáŹááşááąá¸ááááşá¸
áááşááááŻááşáááŻááş Azure Static Web Apps áĄááąáŹááˇáşááᯠááťáááşáááşááźááşá¸ááźááˇáş áááşá ZinnÂŽ áááşáážáşááŻááşáážáá
áşáááˇáş áááşá Azure Static Web Apps áĄááąáŹááˇáşáááŻáˇ áááşááźáááşáááŻááşáá
áşááŻááᯠáá˝ážááˇáşáááşáá˝ááˇáşááźáŻááŤáááşá áááąáŹááťááşáážááˇáş ááťáááˇáşáá˝áąá
áŹáááşá¸ááᯠáááşáááŻááşáááŻááşááźáŽá¸ deploy ááźáŻááŻááşááźááşá¸á á
áááşááźááŻááşáááŻááááşá¸áážááˇáş DNS áážááşáááşá¸ááťáŹá¸ááᯠááťá˝ááşáŻááşáááŻáˇá áááŻááşáá˝ááşááąáŹááşáá˝ááşááąá¸ááŤáááşá
áááşáá
áááşááŽ
Azure á
áŹáááşá¸áá˝ááşá¸áážáŻáá
áşááŻá áááŻááşááťáŹá¸áĄáá˝ááş áĄáááşá¸áĄááźá
áşáĄáŻááşá
áŻáá
áşááŻá áážááˇáş ááŻááşááŤáážáááąáŹ ááťáááşáááşááŹá¸áááˇáş GitHubá GitLab áááŻáˇáááŻááş Bitbucket áĄááąáŹááˇáşáá
áşáᯠáááŻáĄááşááŤáááş â Azure Static Web Apps áááş áááŻáážáąáŹááşááŹááąáᏠ(repository) áá
áşááŻááž áááşááąáŹááşááŤáááşá Azure á áĄááá˛áˇáĄá
áŽáĄá
ááşáááş á
áŽá¸áá˝áŹá¸ááźá
áşáĄááŻáśá¸ááźáŻááźááşá¸áážááˇáş áĄááşááşáá
áşááŻááťážááş á
áááşááźááŻááşáááŻááááşá¸áážá
áşááŻááᯠáá˝ááˇáşááźáŻááŹá¸ááŤáááşá
áá Azure Static Web Apps áá˝ááş ááąáŹáˇááᯠáááşááŽá¸ááŤ
Azure á áááşá¸ááᯠservice principal áᯠááąáŤáşááŤáááşá Microsoft Entra á
áŽááśáááˇáşáá˝á˛áá°á
ááşááŹáá˝ááş Entra ID â App registrations â New registration áááŻáá˝ááˇáşááŤá áĄáááşáá
áşááŻááąá¸ááźáŽá¸ áááşá¸ááᯠRegister ááŻááşááŤá áĄááşááşá ááźáŻáśááŻáśááŻáśá¸áááşááťááşá
áŹááťááşáážáŹáá˝ááş Application (client) ID áážááˇáş Directory (tenant) ID ááᯠáá°á¸áá°ááŤá áááŻáˇááąáŹááş Certificates & secrets â Client secrets â New client secret áááŻáá˝ááˇáşááŤá áááşáááşá¸áá
áşááŻááᯠáá˝áąá¸ááťááşááźáŽá¸ Add ááŻááşá፠â ááťážááŻáˇáážááşááŻááşááááşáááŻá¸ááᯠááťááşááťááşá¸áá°á¸áá°ááŤá Azure áááş áááşá¸ááᯠáá
áşááźáááşáᏠááźáááŤáááşá
Azure ááąáŤáşáááşáá˝ááş ááťá˝ááşáŻááşáááŻáˇáĄáŹá¸ áĄááŻáśá¸ááźáŻá
áąáááŻááąáŹ áĄáááşá¸áĄááźá
áşáĄáŻááşá
áŻááᯠáá˝ááˇáşááŤá áááŻáˇááąáŹááş Access control (IAM) â Add â Add role assignment áááŻáˇ áá˝áŹá¸ááŤá Contributor áĄáááşá¸ááášáááᯠáá˝áąá¸ááťááşááŤá áááşá¸ááᯠUser, group, or service principal áááŻáˇ áááşáážááşááŤá áĄááşááşááᯠáĄáááşááźááˇáş áážáŹáá˝áąááŤá ááźáŽá¸ááťážááş Review + assign ááŻááşááŤá áĄáááşá¸áĄááźá
áşáĄáŻááşá
áŻá áĄáááşáážááˇáş áááşá¸áááşáááŻááşáááˇáş Subscription ID ááᯠáážááşááŹá¸ááŹá¸á፠(ááąáŤáşáááşáá˝ááş Subscriptions ááᯠáážáŹáá˝áąááŤ)á
áá á¤ááąááŹáá˝ááş ááťáááşáááşááŤ
áááşá áááşáážáşááŻááşáážá Integrations áááŻáá˝ááˇáşááźáŽá¸ Connect an account ááᯠáá˝áąá¸ááťááşááŤá áĄáŻááşá
áŻáĄááźá
áş Static hosting (Netlify, Vercel) áážááˇáş áĄááąáŹááˇáşáĄááźá
áş Azure Static Web Apps ááᯠáá˝áąá¸ááťááşááŤá Client IDá Client secretá Tenant IDá Subscription ID áážááˇáş Resource group áááŻáˇááᯠááźááˇáşá
á˝ááşááźáŽá¸ Connect account ááᯠáážáááşááŤá
áááşáááˇáşáĄááŹáááŻááťáž áááááşá¸áááşá¸áᎠáááşáá°á¸áááˇáşáááŻááşááąáŹáĄááŹááᯠááťá˝ááşáŻááşáááŻáˇ á
ááşá¸áááşááŤáááşá áĄááŻááşáááŻááşááąáŹ ááąáŹáˇááᯠáááşáááˇáşáĄááŤááťáž ááááşá¸áááşá¸áááşáááŻááşáᲠáááşáááˇáşáĄááŹáážáŹá¸áá˝ááşá¸ááąááźáąáŹááşá¸ááᯠáĄááźáąáá˝ááş ááąáŹáşááźááąá¸ááŤáááşá áĄááŻááşááŻááşááąáŹ ááąáŹáˇááᯠááťá˝ááşáŻááşáááŻáˇá ááťážááŻáˇáážááşááŻááşááťáŹá¸áĄáááşá¸áá˝ááş ááŻááşáážááşá ááááşá¸áááşá¸ááŹá¸ááźáŽá¸ â ááťá˝ááşáŻááşáááŻáˇá ááąááŹááąáˇá
áşáá˝ááş áááşáááˇáşáĄááŤááťáž áááááşá¸á፠â áááˇáşáááŻáááş ááąáŹááşáá
áşááźáááş áááşááśááźááááşáááŻááşááŤá
ááąáŹááşáááş ááŹáááşááźá
áşáááşáááşá¸
- áááşáááş áááşááźáááşáááŻááşáá
áşááŻááᯠáááşááŽá¸áááˇáşáĄá፠áááŻáˇáááŻááş áá˝ážáąáˇááźáąáŹááşá¸áááˇáşáĄá፠á¤áĄááąáŹááˇáşáááş deploy ááźáŻááŻááşáááˇáş áá
áşáážááşáĄááźá
áş ááąáŤáşááŹááŤáááşá
Azure Static Web Apps áááş repository áá
áşááŻááž áááşááąáŹááşááźáŽá¸ â áááşááŹá¸ááąáŹ build áá
áşááŻááᯠáááşááśáááş áááşá¸áááşá¸ááážáá፠â áááŻáˇááźáąáŹááˇáş áááŻááşá ááŻááşáááş ááťáááşáááşááŹá¸ááąáŹ GitHubá GitLab áááŻáˇáááŻááş Bitbucket repository ááž ááŹáááŤáááşá áááťáááşáááşáááąá¸ááŤá áŚá¸á
á˝áŹ áá
áşáᯠááťáááşáááşááŤá
- ááťá˝ááşáŻááşáááŻáˇáááş áááşá áĄááąáŹááˇáşááąáŤáşáá˝ááş áááşááąáŹááşáážáŻááᯠáááşááŽá¸ááąá¸ááźáŽá¸á áááşá¸ááᯠrepository áááŻáˇ áá˝ážááşááźááŹá áááşá á
áááşááźááŻááşáááŻááááşá¸ááᯠááťáááşáá˝á˛ááźáŽá¸ deploy ááťáŹá¸ááᯠá
áááşá
áąááŤáááşá áááŻááááşá¸á
áŹááťááşáážáŹáááş Azure Static Web Apps áááŻáĄááşááąáŹ áááşáááˇáş DNS áážááşáááşá¸áááŻáááᯠááźáááąá¸ááŤáááşá
- áĄááŻáśá¸ááźáŻáážáŻáážááˇáş ááťáááˇáşáá˝áąá
áŹáááşá¸ááťáŹá¸áááş áááşá áĄááąáŹááˇáşáá˝ááşáážáááźáŽá¸ áááşá áááŻááşáááŻááşááąáŹááşá¸ááťáá°áááşáážáşááŻááşáá˝ááş ááźááşáá˝áąáˇáááŻááşááŤáááşá
- apex áááŻááááşá¸ááᯠTXT áážááşáááşá¸áá
áşááŻááźááˇáş á
á
áşááąá¸áĄáááşááźáŻááźáŽá¸ áááŻááááşá¸áá˝á˛áá
áşááŻááᯠáááşá¸á CNAME ááźááˇáş á
á
áşááąá¸áĄáááşááźáŻááŤáááşá áááŻááááşá¸á
áŹááťááşáážáŹáááş áááˇáşáááŻááááşá¸áĄáá˝ááş áááşáááˇáşáĄááŹáááŻáĄááşááźáąáŹááşá¸ ááźáááąá¸ááŤáááşá
áĄáááşá ááťáááşáááşáážáŻááĄáąáŹááşááźááşááŤá
Azure á service principal ááᯠááźááşá¸áááşáá˛áˇáááşá client secret áááşáááşá¸ááŻááşááŻáśá¸áá˝áŹá¸ááźááşá¸ ááźá
áşáááŻááşááŤáááş â áááşáá˝áąá¸ááťááşáá˛áˇááąáŹ áááşáááşá¸ááŻááşááŻáśá¸ááťáááşáá˝ááş áááşá¸áááŻáˇ áĄááźá˛áááşáááşá¸ááŻááşááŤáááş â áááŻáˇáááŻááş áĄááşááşáááş áĄáááşá¸áĄááźá
áşáĄáŻááşá
áŻááąáŤáşáá˝ááş Contributor áĄááźá
áş ááážáááąáŹáˇááźááşá¸ ááźá
áşáááŻááşááŤáááşá áááşááąáˇááťáşáážá
áşááŻáááş áááşáá°áááźááˇáş secret áĄáá
áşáá
áşáᯠááááşááŽá¸áᎠáĄáááşá¸ááášááááşáážááşááťááşááᯠá
á
áşááąá¸ááŤá
áááşáááˇáşáĄááŹááťáž áážáŹááá˝áąáˇááŤá Subscription ID áážááˇáş Resource group áááŻáˇáááş áááş áĄáááşá¸ááášááááşáážááşááąá¸áá˛áˇááąáŹ áĄááŹááťáŹá¸ááźá
áşááźáąáŹááşá¸á áážááˇáş Tenant ID áááş áĄááşááşááᯠáážááşááŻáśáááşááŹá¸ááąáŹ directory ááźá
áşááźáąáŹááşá¸ á
á
áşááąá¸ááŤá
ááąáŹáˇááᯠááźááşá¸áááşááŹá¸ááźáąáŹááşá¸ ááąáŹáşááźááąáááşá ááťáŹá¸ááąáŹáĄáŹá¸ááźááˇáş áĄááťááşááŻáśá¸ááťááşáĄáááş áá
áşááŻááŻááźáąáŹááˇáşááźá
áşááŤáááş- áááşá¸áážááˇáşáĄáá° áá˝ááşáááşáá
áşáᯠáááŻáˇáááŻááş á
áŹááźáąáŹááşá¸ááźááşáá
áşááŻááᯠáá°á¸áá°ááááźááşá¸á áááşáááşá¸ááŻááşááŻáśá¸áá˝áŹá¸ááąáŹ ááąáŹáˇáá
áşááŻááźá
áşááąááźááşá¸á áááŻáˇáááŻááş áááşáá°á¸áá°ááźáŽá¸ááąáŹááş ááŻááşááááşá¸áááŻááşááąáŹ áááŻáˇáááŻááş ááźááşáááşááŻááşáá°áááŻááşááąáŹ ááąáŹáˇáá
áşááŻááźá
áşááąááźááşá¸á áĄáá
áşáá
áşááŻááᯠáááşááŽá¸ááźáŽá¸ ááąáŹááşáá
áşááźáááş ááźááşáááşáá°á¸áááˇáşááŤá
ááťáááşáááşááąáŹáşáááşá¸ ááąáŹááşáááŻááşá¸áá˝ááş áá
áşááŻáᯠááĄáąáŹááşááźááşááŤá ááąáŹáˇáááş á
á
áşáážááşááźáąáŹááşá¸ áĄáááşááźáŻááąáŹáşáááşá¸ ááŻááşááąáŹááşááťááşáááŻáĄááşááąáŹ áá˝ááˇáşááźáŻááťááşááážáááŤá áĄáááşáá˝ááşááąáŹáşááźááŹá¸ááąáŹ áá˝ááˇáşááźáŻááťááşááťáŹá¸ááźááˇáş ááąáŹáˇáĄáá
áşáá
áşááŻááᯠáááşááŽá¸ááŤá áááŻáˇááąáŹááş ááťáááşáááşáážáŻáĄááąáŹááşá¸ááᯠááźááşááąáŹááşááźáŽá¸ ááąáŹáˇáĄáá
áşááᯠááťáááşáááşááŤá
ááťáááşáááşáážáŻ ááźááşááąáŹááşááźááşá¸
Integrations áááŻáá˝ááˇáşááŤá áĄááąáŹááˇáşáááŻáážáŹáá˝áąááźáŽá¸ Disconnect ááᯠáážáááşááŤá áááşá¸áááş ááááşá¸áááşá¸ááŹá¸ááąáŹááąáŹáˇááᯠááťááşááťááşá¸ ááťááşáá
áşááŤáááşá áááşá¸ááᯠáĄááŻáśá¸ááźáŻááąáááˇáş áááşáááˇáşáĄááŹáááᯠáááşá¸á ááąáŹááşááŻááşááąáŹááşááťááşáá˝ááş áááşáááˇáşáá˝áŹá¸áááşááźá
áşááźáŽá¸á áĄááśááááş ááĄáąáŹááşááźááşáá˝áŹá¸áᲠáááşá¸áĄááąáŤáş áážáŽáááŻááąááąáŹ ááťááşáážáŹááźááşááťáŹá¸á áĄááźáąáŹááşá¸ááźáŹá¸ááąá¸ááŤáááşá
ááťáááşáááşáážáŻááźááşááąáŹááşááźááşá¸áááş ááźáŽá¸ááźáŽá¸ááŹá¸áĄááŹááťáŹá¸ááᯠááźááşáááťááşá፠â áááşá áĄááąáŹááˇáşáá˝ááş ááťá˝ááşáŻááşáááŻáˇ ááźáąáŹááşá¸áá˛áá˛áˇááąáŹ áážááşáááşá¸ááťáŹá¸á ááźááˇáşááťááşáážáŻááťáŹá¸ áááŻáˇáááŻááş áááşáááşááťáŹá¸áááş áážááááşá¸á
á˝á˛áĄáááŻááşá¸ áážáááąááŤáááşá ááąáŹáˇáááŻááşáááŻááş ááąáŤááşááźáŹá¸áá˝áŹá¸áááŻááşáááşáᯠáááşáááşááŤá ááąáŹááşá¸ááťáá°ááśáá˝ááşáááşá¸ áááşá¸ááᯠááŻááşááááşá¸ááŤá ááťáááşáááşáážáŻááźááşááąáŹááşááźááşá¸áááş ááťá˝ááşáŻááşáááŻáˇá áááášáá°áááŻáᏠáááşáážáŹá¸ááąá¸ááźáŽá¸ áááşá¸áááŻáˇá áááášáá°ááᯠáááşáážáŹá¸ááąá¸áááşáááŻááşááŤá