1d: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"] 1f:I[27201,["/_next/static/chunks/1hgzza8c-_-qd.js"],"IconMark"] 1e:T1666,

1. Giới Thiệu

Trong bài viết này, tôi sẽ nòi về quá trình thiết lập CI/CD (Continuous Integration/Continuous Deployment) cho blog cá nhân của mình. Việc tự động hóa quá trình kiểm thử và triển khai giúp tôi tiết kiệm thời gian, giảm thiểu lỗi thủ công và duy trì chất lượng blog một cách ổn định.

Nếu bạn cũng đang quản lý một blog hoặc website nhỏ, đây có thể là một giải pháp CI/CD dễ dàng áp dụng.

1.1 Lợi Ích khi triển khai ci/cd tự động

Tiết kiệm thời gian: Quá trình cập nhật và triển khai diễn ra tự động.
Giảm thiểu lỗi: Mỗi lần cập nhật sẽ được kiểm thử trước khi lên sản phẩm.
Dễ dàng mở rộng: Nếu cần thêm tính năng hoặc thay đổi, chỉ cần cập nhật mã nguồn.

1.2 công cụ sử dụng:

GitLab CI/CD: Quản lý và thiết lập pipeline tự động cho mã nguồn.
VPS và Nginx: Máy chủ(mình dùng ubuntu) để lưu trữ blog và cấu hình Nginx làm web server.
Docker (tùy chọn): Đóng gói ứng dụng vào container để dễ dàng triển khai và quản lý.

2. Quy Trình Thiết Lập CI/CD

Sơ đồ luồng đi khi push realse

Cấu Hình Pipeline Trên GitLab CI

Tôi tạo một file .gitlab-ci.yml trong repository của mình để thiết lập pipeline CI/CD. File này bao gồm:

Stage build: Đóng gói dự án thành docker container rồi push lên docker hub.

Đóng gói dự án thành docker image
Push image lên 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..."

Stage deploy: pull container từ docker hub về rồi chạy bằng docker compose.

Access to server using gitlab runner
Dừng docker image hiện tại
Pull docker image mới từ docker hub
Start New docker image

  
  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>

3. Kết Luận

Với cấu hình CI/CD này, tôi có thể cập nhật nhanh chóng chỉ với một lần push lên repository.
Mỗi lần thay đổi sẽ được kiểm thử và triển khai tự động, giúp tôi duy trì một blog ổn định mà không tốn nhiều công sức.
Thiết lập CI/CD cho blog cá nhân là một bước nhỏ nhưng mang lại nhiều lợi ích lâu dài. Nó không chỉ giúp tối ưu hóa quy trình làm việc mà còn là cơ hội để học hỏi và áp dụng các công cụ DevOps vào thực tế.
Tôi hy vọng bài viết này sẽ hữu ích cho bạn trong quá trình triển khai CI/CD cho các dự án của mình!

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":"bài viết theo thẻ: gitlab"}],["$","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":[["$","$L1d","client-content-item-031ae3ec-f08c-4322-afcc-b40cd77f3037",{"content":{"_id":"031ae3ec-f08c-4322-afcc-b40cd77f3037","created_at":"2026-02-25T01:56:00.000Z","updated_at":"2026-08-29T14:27:56.957Z","index":8,"title":"Cách Tôi Triển Khai CI/CD Đơn Giản Cho Blog Này","slug":"cach-toi-trien-khai-cicd-don-gian-cho-blog-nay","body":"$1e","short_description":"1. GIỚI THIỆU * Trong bài viết này, tôi sẽ nòi về quá trình thiết lập CI/CD (Continuous Integration/Continuous Deployment) cho blog cá nhân của mình. Việc tự động hóa quá trình...","time_read":4,"image":"/storage/take/content/1bc1fb54ce5a53b147906294c661e71e.webp","status":"PUBLISHED","watches":["5933151b-256d-4fd0-a077-f697c7538590"],"count_view":149,"member_up_vote":[],"member_down_vote":[],"tags":["ci/cd","gitlab"],"slugTags":["cicd","gitlab"],"bookmark_by":[],"images":[],"locale":"vi","other_locale_content_id":"7c898650-ad54-41b4-b3ab-b75d9cfe6015","category":{"_id":"320fdbcc-8a2f-4f02-a7a9-7ba280b786b7","created_at":"2026-05-01T07:33:12.927Z","updated_at":"2026-05-01T07:33:12.927Z","index":2,"title":"Lập Trình & Kỹ Thuật","slug":"lap-trinh-ky-thuat","description":"Khám phá thế giới lập trình và kỹ thuật với những bài viết chuyên sâu về công nghệ, phần mềm, hệ thống và các xu hướng phát triển mới nhất","locale":"vi"},"series":{"_id":"5a5516d0-87f8-4251-8501-4d4b4d7bdbbe","created_at":"2026-05-01T07:33:12.927Z","updated_at":"2026-05-01T07:33:12.927Z","index":2,"title":"Từ Ý Tưởng Đến Blog Cá Nhân.","description":"Từ Ý Tưởng Đến Blog Cá Nhân: Hành Trình Triển Khai Toàn Diện","slug":"tu-y-tuong-den-blog-ca-nhan","locale":"vi"}},"language":"vi","eager":true}]]}]}],false]}]]}] c:null 13:[["$","title","0",{"children":"Bài viết theo thẻ \"gitlab\" - Blog của Nguyễn Hoàng Lâm"}],["$","meta","1",{"name":"description","content":"Khám phá các bài viết liên quan đến \"gitlab\" trên blog của Nguyễn Hoàng Lâm. Tìm hiểu kiến thức và kinh nghiệm về lập trình, công nghệ, và cuộc sống được chia sẻ qua các bài viết theo thẻ này."}],["$","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,gitlab,blog công nghệ,lập trình,chia sẻ kiến thức,trải nghiệm cá nhân,xu hướng công nghệ"}],["$","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":"Khám phá các bài viết liên quan đến \"gitlab\" trên blog của Nguyễn Hoàng Lâm. Tìm hiểu kiến thức và kinh nghiệm về lập trình, công nghệ, và cuộc sống được chia sẻ qua các bài viết theo thẻ này."}],["$","meta","11",{"name":"category","content":"Công nghệ, Lập trình, Cuộc sống, Kinh nghiệm cá nhân"}],["$","meta","12",{"name":"classification","content":"Blog"}],["$","link","13",{"rel":"canonical","href":"https://beespark.net/vi/by-tag/gitlab"}],["$","meta","14",{"name":"format-detection","content":"telephone=no"}],["$","meta","15",{"property":"og:title","content":"Bài viết theo thẻ \"gitlab\" - Blog của Nguyễn Hoàng Lâm"}],["$","meta","16",{"property":"og:description","content":"Khám phá các bài viết liên quan đến \"gitlab\" trên blog của Nguyễn Hoàng Lâm. Tìm hiểu kiến thức và kinh nghiệm về lập trình, công nghệ, và cuộc sống được chia sẻ qua các bài viết theo thẻ này."}],["$","meta","17",{"property":"og:url","content":"https://beespark.net/vi/by-tag/gitlab"}],["$","meta","18",{"property":"og:site_name","content":"Nguyen Hoang Lam Blog"}],["$","meta","19",{"property":"og:locale","content":"vi_VN"}],["$","meta","20",{"property":"og:image","content":"https://beespark.net/logo/logo.png"}],["$","meta","21",{"property":"og:image:alt","content":"Khám phá các bài viết liên quan đến \"gitlab\" trên blog của Nguyễn Hoàng Lâm. Tìm hiểu kiến thức và kinh nghiệm về lập trình, công nghệ, và cuộc sống được chia sẻ qua các bài viết theo thẻ này."}],["$","meta","22",{"property":"og:type","content":"website"}],["$","meta","23",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","24",{"name":"twitter:title","content":"Bài viết theo thẻ \"gitlab\" - Blog của Nguyễn Hoàng Lâm"}],["$","meta","25",{"name":"twitter:description","content":"Khám phá các bài viết liên quan đến \"gitlab\" trên blog của Nguyễn Hoàng Lâm. Tìm hiểu kiến thức và kinh nghiệm về lập trình, công nghệ, và cuộc sống được chia sẻ qua các bài viết theo thẻ này."}],["$","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"}],["$","$L1f","29",{}]]

bài viết theo thẻ: gitlab

Cách tôi triển khai ci/cd đơn giản cho blog này