Deploy Vuejs Application on Google Kubernetes Engine (GKE)- Blue Green Deployment

Muhammad Rashid
2 min readJan 29, 2024

--

I will use GitHub Actions to deploy our VueJS project on Google Kubernetes Engine (GKE).

https://youtube.com/@codewithmuh?sub_confirmation=1

Overview:

We will deploy the Vuejs Application on Google Kubernetes Engine (GKE). We will use Github actions for the ci/cd pipeline. We will use Google Compute Engine as the self-hosted runner for our GitHub Actions. We will integrate Sonarcube for code analysis and Trivy Image scan to scan our docker images.

Prerequisite

You should have basic Knowledge of Google Kubernetes Engine (GKE), Docker, Kubernetes, and GitHub Actions.

Table of Contents:

  1. Dockerize Vuejs Application with Nginx for Production
  2. Create a service account user
  3. Create a Google Compute Engine Instance
  4. Add a Self-Hosted Runner To Google Compute Engine Instance
  5. Docker Installation and Running SonarQube Container
  6. Integrate SonarQube with GitHub Actions
  7. Installation of tools (Java JDK, Trivy, Kubectl, Node.js, NPM)
  8. Creating an Artifact Registry and pushing the image
  9. Scan the image using Trivy
  10. Creating GKE Cluster
  11. Deploy to GKE

Detailed Article: https://www.linkedin.com/pulse/deploy-vuejs-application-google-kubernetes-engine-gke-rashid-q0g1f%3FtrackingId=QsDsPC0%252BTyKBSdFwq44%252BNQ%253D%253D/?trackingId=QsDsPC0%2BTyKBSdFwq44%2BNQ%3D%3D

Youtube Video:

Feel free to connect with me across various social media channels! Join me on LinkedIn, YouTube, Twitter, GitHub, and Upwork. Your support means a lot. Thanks for taking the time to read this!

--

--