#07: Deploying Static Web Apps

Welcome to Week 1, Day 7 of #30DaysOfSWA!!

You made it this far! Give your self a pat in your again already! 😊

By now, we’ve got learnt what Static Internet Apps is, and the way to construct, add APIs and configure the appliance. We’ve additionally deployed a few enjoyable apps as a tribute to Star Wars! However we’ve to date explored deploying utilizing the Github Actions path.

  • What if we wish another CI/CD instrument?
  • What if our challenge resides safely in an Azure DevOps repository?
  • What if we don’t desire a CI/CD answer AT ALL?

Concern not! As a result of right now we’re gonna discover different methods of deploying a Static Internet App on Azure 😊

What We’ll Cowl

  • Deploy With Azure DevOps
  • Deploy From GitLab and BitBucket
  • Deploy Utilizing ARM Template
  • Train: Discover the ARM Tools VS Code Extension

Deploy with Azure DevOps

Deploying utilizing Azure pipelines CI/CD has by no means been simpler!

Static Internet Apps helps tasks that are saved in Azure repos and helps in making a easy CI/CD pipeline to robotically set off the adjustments on each decide to the principle department. What extra? With the most recent adjustments checked in for Azure DevOps, we are able to now set up the azure pipeline via Portal with a single click! Right here’s a fast video demonstrating the way to use DevOps as a pipeline, in addition to relating the quite a few different enhancements introduced in off-late, equivalent to secure staging environments, password protected web sites, construct and deploy break up, and plenty extra! 😊

Deploy by way of GitLab and BitBucket

However what if we wished a third-party Supplier? Static Internet Apps as of right now officially supports CI/CD pipelines from GitLab and BitBucket! We simply need to comply with a number of easy steps as mentioned within the documentation for each GitLab and BitBucket, and voila! We’ll have a fantastically configured pipeline which takes care of the automated set off on commits for us. Isn’t this stunning? 😊

Deploy utilizing ARM Template

For the CLI lovers on the market, we are able to additionally deploy in Static Internet Apps using ARM Templates! The ARM – or Azure Resource Manager Template – is utilized in making ready the workflow template. On deploying the ARM Template to Azure Static Internet Apps, it triggers the Github Actions, which additional takes care of our CI/CD wants. Do try the train later within the weblog for a fast hands-on utilizing ARM Templates!

However what about .. deploying with out a CI/CD??

Suppose we wish a one-time deployment answer? Or we don’t need to depend upon a CI/CD instrument in any respect! No worries! We now have you coated! Marvel how that’s supported? Keep tuned to the #30DaysOfSWA sequence and uncover the brand new upcoming options to allow this! 😉 <3<3

What’s Subsequent?

This concludes Week 1 of the #30DaysOfSWA with a give attention to “Core Ideas”. Be part of us for the upcoming week targeted on “Utilization Examples” the place we have a look at how Azure Static Internet Apps can be utilized with numerous static website turbines and front-end frameworks, to create functions that showcase a variety of person experiences.


Now that we’ve explored the alternate options we’ve got, let’s go have some enjoyable with it!! Listed below are a number of quickstarts you may check out!

  1. Deploy using BitBucket
  2. Deploy using GitLab
  3. Deploy using Azure DevOps and Portal Quickstart
  4. Use an ARM template quickstart

Add a Comment

Your email address will not be published. Required fields are marked *