Giter Club home page Giter Club logo

vuejs-gke-github-actions's Introduction

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)

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)

Prerequisite

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

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

Support

Buy Me A Coffee

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.

vuejs-gke-github-actions's People

Contributors

codewithmuh avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.