1c:I[766481,["/_next/static/chunks/1hgzza8c-_-qd.js","/_next/static/chunks/1w8xp1nbw9g5a.js","/_next/static/chunks/2k8dg1img1f42.js","/_next/static/chunks/3e-dwlb-xrzai.js","/_next/static/chunks/1jyqd-5arjdtp.js","/_next/static/chunks/08ndfqbgidrmk.js","/_next/static/chunks/35d8psgr1uffw.js","/_next/static/chunks/0tpme49qiwvcq.js","/_next/static/chunks/2cljr_osek05m.js","/_next/static/chunks/2kxafhthqphdd.js","/_next/static/chunks/1sotxhtrjppqq.js","/_next/static/chunks/27mmdxoiwmsi-.js","/_next/static/chunks/32-wkn50t7chi.js","/_next/static/chunks/3rrlx81bdpz16.js","/_next/static/chunks/149-ua8f48bs7.js"],"ClientHomeListContentItem"] 1e:I[27201,["/_next/static/chunks/1hgzza8c-_-qd.js"],"IconMark"] 1d:T13ea,

1. Introduction

In this article, I will share the process of setting up CI/CD (Continuous Integration/Continuous Deployment) for my personal blog. Automating the testing and deployment process helps me save time, minimize manual errors, and maintain the quality of the blog consistently.

If you’re managing a small blog or website, this could be an easily applicable CI/CD solution.

1.1 Benefits of Automated CI/CD Deployment

Time-saving: Updates and deployments are handled automatically.
Error reduction: Each update is tested before being deployed.
Scalability: Adding features or making changes is as simple as updating the source code.

1.2 Tools Used

GitLab CI/CD: Manages and automates the source code pipeline.
VPS and Nginx: A server (I use Ubuntu) to host the blog and configure Nginx as the web server.
Docker (optional): Packages the application into containers for easier deployment and management.

2. CI/CD Setup Process

Configuring the Pipeline on GitLab CI

I created a .gitlab-ci.yml file in my repository to set up the CI/CD pipeline. This file includes the following:

Build stage: Packages the project into a Docker container and pushes it to Docker Hub

Package the project into a Docker image.
Push the image to Docker Hub.

  build:
      stage: build
      image: docker:25.0.3
      services:
        - docker:25.0.3-dind
    
      before_script:
        - echo "$CI_REGISTRY_PASS" | docker login -u "$CI_REGISTRY_USER" --password-stdin
        - echo "ENV_VARABLE=$ENV_VARABLE" >> .env
    
      script:
        - echo "Start building source code..."
        - docker build -t $REGISTRY/$IMAGE_NAME:$IMAGE_TAG . # build docker image
        - docker push $REGISTRY/$IMAGE_NAME:$IMAGE_TAG # push docker image lên docker hub
        - echo "Complete build source code..."

Deploy Stage: Pulling the Container from Docker Hub and Running it with Docker Compose

Access the server using GitLab Runner.
Stop the currently running Docker container.
Pull the new Docker image from Docker Hub.
Start the new Docker container.

    deploy:
      stage: deploy
      needs: [build] 
      before_script:
        - echo "$CI_REGISTRY_PASS" | docker login -u "$CI_REGISTRY_USER" --password-stdin
      script:
        - echo "Start deploy source code..." 
        - cd <project path>
        - docker compose stop interface $ALIAS dừng container đang chạy
        - docker compose rm -f $ALIAS # xoá image liên quan
        - docker compose pull $ALIAS # pull image từ docker hub
        - docker compose up -d $ALIAS # chạy container 
        - echo "End deploy source code..."
      only:
        - main
      tags:
        - <project runner tag name>

Conclusion

With this CI/CD setup, I can quickly update the blog with a single push to the repository.
Each change is automatically tested and deployed, allowing me to maintain a stable blog with minimal effort.
Setting up CI/CD for a personal blog is a small step that brings long-term benefits. It not only optimizes the workflow but also provides an opportunity to learn and apply DevOps tools in practice.
I hope this article will be helpful for you as you implement CI/CD in your own projects!

9:["$","div",null,{"className":"min-h-screen flex flex-col w-full p-4 items-center gap-4","children":[["$","h1",null,{"className":"text-2xl font-semibold text-slate-900 dark:text-slate-100 uppercase","children":"content by tag: cicd"}],["$","div",null,{"className":"flex w-full max-w-[1200px] flex-1 flex-col gap-5","children":[["$","div",null,{"className":"flex h-full w-full flex-1 flex-col items-center","children":["$","div",null,{"className":"mx-auto flex w-full flex-col gap-2.5 sm:gap-3","children":[["$","$L1c","client-content-item-7c898650-ad54-41b4-b3ab-b75d9cfe6015",{"content":{"_id":"7c898650-ad54-41b4-b3ab-b75d9cfe6015","created_at":"2026-03-13T13:36:00.000Z","updated_at":"2026-08-22T15:33:02.277Z","index":11,"title":"How I Implemented Simple CI/CD for This Blog","slug":"how-i-implemented-simple-cicd-for-this-blog","body":"$1d","short_description":"1. INTRODUCTION * In this article, I will share the process of setting up CI/CD (Continuous Integration/Continuous Deployment) for my personal blog. Automating the testing and...","time_read":4,"image":"/storage/take/content/7d8463c46dc662d3937f2639d71fcc10a.webp","status":"PUBLISHED","watches":["5933151b-256d-4fd0-a077-f697c7538590"],"count_view":16,"member_up_vote":[],"member_down_vote":[],"tags":["ci/cd","devops","gitlab"],"slugTags":["cicd","devops","gitlab"],"bookmark_by":[],"images":[],"locale":"en","other_locale_content_id":"031ae3ec-f08c-4322-afcc-b40cd77f3037","category":{"_id":"c6a68f30-4dcf-4854-9acf-17fa388e305e","created_at":"2026-05-01T07:33:12.927Z","updated_at":"2026-08-19T05:32:53.728Z","index":5,"title":"Programming & Engineering","slug":"programming-engineering","description":"Programming & Tech - Technical Knowledge Sharing","locale":"en"},"series":{"_id":"f15e9bfd-5716-43ac-9661-2bfd03c894c3","created_at":"2026-05-01T07:33:12.927Z","updated_at":"2026-05-01T07:33:12.927Z","index":5,"title":"From Idea to Personal Blog","description":"From Idea to Personal Blog","slug":"from-idea-to-personal-blog","locale":"en"}},"language":"en","eager":true}]]}]}],false]}]]}] c:null 13:[["$","title","0",{"children":"Posts Tagged \"cicd\" - Nguyễn Hoàng Lâm's Blog"}],["$","meta","1",{"name":"description","content":"Discover posts related to \"cicd\" on Nguyễn Hoàng Lâm's blog. Explore knowledge and experiences in programming, technology, and life shared through posts tagged with this label."}],["$","meta","2",{"name":"application-name","content":"Blog Cá Nhân"}],["$","meta","3",{"name":"author","content":"Nguyễn Hoàng Lâm"}],["$","meta","4",{"name":"generator","content":"nextjs"}],["$","meta","5",{"name":"keywords","content":"Nguyễn Hoàng Lâm,cicd,tech blog,programming,knowledge sharing,personal experiences,tech trends"}],["$","meta","6",{"name":"referrer","content":"origin"}],["$","meta","7",{"name":"creator","content":"Nguyễn Hoàng Lâm"}],["$","meta","8",{"name":"publisher","content":"Nguyễn Hoàng Lâm"}],["$","meta","9",{"name":"robots","content":"index, follow"}],["$","meta","10",{"name":"abstract","content":"Discover posts related to \"cicd\" on Nguyễn Hoàng Lâm's blog. Explore knowledge and experiences in programming, technology, and life shared through posts tagged with this label."}],["$","meta","11",{"name":"category","content":"Technology, Programming, Life, Personal Experiences"}],["$","meta","12",{"name":"classification","content":"Blog"}],["$","link","13",{"rel":"canonical","href":"https://beespark.net/en/by-tag/cicd"}],["$","meta","14",{"name":"format-detection","content":"telephone=no"}],["$","meta","15",{"property":"og:title","content":"Posts Tagged \"cicd\" - Nguyễn Hoàng Lâm's Blog"}],["$","meta","16",{"property":"og:description","content":"Discover posts related to \"cicd\" on Nguyễn Hoàng Lâm's blog. Explore knowledge and experiences in programming, technology, and life shared through posts tagged with this label."}],["$","meta","17",{"property":"og:url","content":"https://beespark.net/en/by-tag/cicd"}],["$","meta","18",{"property":"og:site_name","content":"Nguyen Hoang Lam Blog"}],["$","meta","19",{"property":"og:locale","content":"en_US"}],["$","meta","20",{"property":"og:image","content":"https://beespark.net/logo/logo.png"}],["$","meta","21",{"property":"og:image:alt","content":"Discover posts related to \"cicd\" on Nguyễn Hoàng Lâm's blog. Explore knowledge and experiences in programming, technology, and life shared through posts tagged with this label."}],["$","meta","22",{"property":"og:type","content":"website"}],["$","meta","23",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","24",{"name":"twitter:title","content":"Posts Tagged \"cicd\" - Nguyễn Hoàng Lâm's Blog"}],["$","meta","25",{"name":"twitter:description","content":"Discover posts related to \"cicd\" on Nguyễn Hoàng Lâm's blog. Explore knowledge and experiences in programming, technology, and life shared through posts tagged with this label."}],["$","meta","26",{"name":"twitter:image","content":"https://beespark.net/logo/logo.png"}],["$","link","27",{"rel":"icon","href":"/favicon.ico?favicon.0qvlwmw4zqvg4.ico","sizes":"256x256","type":"image/x-icon"}],["$","link","28",{"rel":"icon","href":"https://beespark.net/favicon.ico"}],["$","$L1e","29",{}]]

content by tag: cicd

How i implemented simple ci/cd for this blog