https://github.com/codewithmuh/vuejs-gke-github-actions

I will use GitHub Actions to deploy our VueJS project on Google Kubernetes Engine (GKE).
https://github.com/codewithmuh/vuejs-gke-github-actions

artifacts-repository docker github-actions gke-cluster google google-cloud kubernetes kubernetes-cluster sonarqube trivy-scan vuejs

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/codewithmuh/vuejs-gke-github-actions
• Owner: codewithmuh
• Created: 2024-01-25T14:50:21.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-29T19:27:08.000Z (over 1 year ago)
• Last Synced: 2025-04-10T04:14:25.472Z (about 1 month ago)
• Topics: artifacts-repository, docker, github-actions, gke-cluster, google, google-cloud, kubernetes, kubernetes-cluster, sonarqube, trivy-scan, vuejs
• Language: Vue
• Homepage: https://www.youtube.com/@CodeWithMuh/
• Size: 215 KB
• Stars: 4
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Hit the Star! ⭐

If you are planning to use this repo for reference, please hit the star. Thanks!

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

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

![Terraform course (10)](https://github.com/codewithmuh/crbn_frontend/assets/51082957/2cd7c40e-2c19-485b-b7eb-3ade6f211cc6)

## 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 Triv Image scan to scan our docker images. Also, we will integrate Slack to get Build/deployment notifications.

![Terraform course (9)](https://github.com/codewithmuh/crbn_frontend/assets/51082957/73f3decc-7547-400e-97a6-1ac8c9f42a18)

### Prerequisite

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

### Youtube Video Tutorial: https://youtu.be/Xn3Xj9Trepc

### Article Link: https://www.linkedin.com/feed/update/urn:li:activity:7157288696419885056/

## Support



### Prerequisite

You should have basic Knowledge of AWS services, Docker, Kubernetes, and GitHub Actions.

### Table of Content/Steps:

**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 Artifact Registry and push the image

**9.** Scan the image using Trivy

**10.** Creating GKE Cluster

**11.** Deploy to GKE 

## Acknowledgements

Special thanks to codewithmuh for creating this incredible Devops Project and simplifying the CI/CD process.