How to deploy Vue app in Microsoft Azure

Vue guide logo

Deploying Vue application in Microsoft Azure

You need to have an Azure account to following this tutorial
  1. Click create resources
  2. Under the "Web App" click create (if you don't see "Web App" resource try to use the search bar to find it)
  3. In Publish option choose "Static Web App"
  4. In the Project details and in Resource Group choose your existing group or create a new one
  5. Under Static Web App details fill in the name of your app
  6. Under Hosting plan choose Free: For hobby or personal project
  7. In Azure Functions and staging details choose the region (choose the one closest to your audience if available)
  8. In Deployment details in source choose Github
  9. After you authorise Github, choose the appropriate Organisation, Repository and Branch
  10. Under Build Details for build presets choose Vue.js
  11. Click Review + create
  12. Click create
  13. Wait until deployment finish and click "Go to resource"
  14. Visit the link next to the URL
Previous post How to add a class to HTML body in Vue
Next post How to install Tailwindcss to Vue Typescript project