Skip to content

CI/CD

Containerize Vue 3 application with GitLab CI/CD

Introduction In this article, I will explain how I containerized my Vuetify + Vue 3 application with GitLab CI/CD. My goal was to deploy my application on Kubernetes. To achieve this, I need to: Quick overview: overall, the full project uses a micro-service architecture and runs on Kubernetes. The Vue 3 project only contains the UI, and we containerize it… 

Deploy an application with GitLab CI/CD

Following on from my previous article “Build and containerize an Angular application with GitLab CI/CD“, it’s now time to deploy this application. In this article, I will deploy the application on a Kubernetes cluster using Helm. Prerequisites Before starting, you need to: Preparing the project To prepare the project for deployment, I added a very basic Helm chart with only… 

Declaring environments in GitLab

Why do I need to declare environments in GitLab ? An environment can be linked to a pipeline step. For example, to define the target of a deployment. Create an environment 1. In the side menu, go to : Operate > Environments 2. Click on “New environment”, set the parameters 3. Environment List You can define several environments for a… 

Connect a Kubernetes cluster to GitLab

To interact with a Kubernetes cluster during builds, deployments or other tasks in GitLab CI/CD, you need to install the GitLab agent on the cluster. This operation is very easy with GitLab ! The official documentation is available here Create a new cluster into GitLab 1 – In your project go to : Operate > Kubernetes Cluster and click on… 

Build and containerize an Angular application with GitLab CI/CD

To deploy an Angular application into Kubernetes, the application needs to be build, containerized and pushed into a container registry before the deployment. In this project, I want to: The project For this example, I have created an new GitLab project named “ci-project” and initialised an Angular application using angular-cli into the new repository. My Angular application has the same…