Single Page Application deployment pattern in AKS using Azure Devops pipeline

Deployment Pattern — v1

This represents overall architecture for deploying your single page application like Vue.js in Azure Kubernetes Service using Azure Devops pipeline.

In my consecutive blogs I will start discussing each components and will deep dive on each topics. Let me know if you want me to cover any specific scenario.

Topics I am planning to cover-

• Setup simple Hello World SPA application using vue.js in local machine
• Dockerize the application, multi stage build file
• Github branching and setup basic ADO project
• ADO yaml structure with basic semantic versioning technique
• AKS environment setup and ADO service connections. ACR setup.
• Deployment strategy i.e. rolling update or blue/green etc.
• Final deployment in AKS and approval configuration.
• ADO build badge status and notification email setup.
• Observability using Grafana and Prometheus
• Testing approach inclusion in ADO pipeline.

Part -2 can be found here —

Single Page Application deployment pattern in AKS using Azure Devops pipeline — part 2 | by Aniket Mukherjee | Jan, 2021 | Medium