HTML
FREE
Pages Static Blog
cdn • build • static

Xây dựng blog tĩnh miễn phí với Cloudflare Pages

Cách dùng Cloudflare Pages host blog tĩnh miễn phí, web tĩnh là gì, vì sao static assets dễ scale và các giới hạn cần biết.

10 phút đọc16/06/2026

Nếu bạn muốn làm một blog cá nhân, landing page, docs site hoặc portfolio mà không muốn thuê VPS, Cloudflare Pages là một lựa chọn rất đáng cân nhắc.

Điểm hấp dẫn nhất là với website thuần tĩnh, Cloudflare cho phép phục vụ static asset requests miễn phí và không giới hạn. Nhưng chỗ này cần hiểu cho đúng: không phải mọi thứ trong Pages đều vô hạn, mà là phần request tới static assets mới được tính theo cách đó.

Kết luận nhanh

Nếu bạn chỉ cần một blog tĩnh:

  1. Cloudflare Pages rất hợp vì dễ deploy, có CDN và HTTPS sẵn
  2. với site thuần tĩnh, request tới static assets là miễn phí và không giới hạn
  3. nhưng free plan vẫn có các giới hạn khác như số lần deploy mỗi tháng và số file trong một site
  4. nếu bạn thêm server-side logic hoặc Functions, lúc đó không còn là bài toán “static free unlimited” nữa

Web tĩnh là gì?

Nói đơn giản, web tĩnh là website mà nội dung cuối cùng đã được tạo sẵn thành các file như:

  • html
  • css
  • js
  • ảnh
  • font

Khi người dùng mở trang, hệ thống chỉ cần trả về những file đó. Không cần chạy code backend để render lại trang mỗi lần có người truy cập.

Ví dụ một bài blog tĩnh thường sẽ là:

  • một file HTML cho nội dung bài viết
  • CSS để hiển thị giao diện
  • JS cho các tương tác nhỏ nếu cần
  • ảnh minh hoạ đi kèm

Web tĩnh khác gì web động?

Sự khác biệt cốt lõi nằm ở lúc trang được tạo ra.

Web tĩnh

  • trang được build sẵn trước
  • khi có request, hệ thống trả file luôn
  • rất hợp với blog, docs, landing page, portfolio

Web động

  • nội dung có thể được render khi request tới
  • thường có backend, database, session, auth phức tạp
  • hợp với dashboard, app quản trị, web có dữ liệu thay đổi liên tục theo từng user

Ví dụ dễ hiểu:

  • blog cá nhân viết bằng Markdown rồi build ra HTML: web tĩnh
  • trang admin lấy dữ liệu user theo phiên đăng nhập: web động

Vì sao Cloudflare Pages hợp với blog tĩnh?

Vì use case của Pages rất khớp với static site:

  • kết nối trực tiếp GitHub/GitLab
  • push code là tự build và deploy
  • có HTTPS sẵn
  • có CDN toàn cầu
  • có preview deploy cho từng branch hoặc PR

Nếu blog của bạn được build sẵn ra thư mục output như:

  • dist
  • build
  • out

thì Pages thường là một chỗ host rất gọn.

“Miễn phí và không limit” ở đây phải hiểu chính xác thế nào?

Theo tài liệu Cloudflare hiện tại tính tới 16/06/2026:

  • request tới static assets trên Pages là free và unlimited
  • nhưng Free plan của Pages vẫn có các giới hạn nền tảng khác

Đây là điểm rất quan trọng để tránh hiểu nhầm.

Nếu site của bạn chỉ phục vụ:

  • HTML đã build sẵn
  • CSS
  • JS
  • ảnh
  • font

thì traffic vào các file đó không bị tính như quota request của Functions.

Nhưng điều đó không có nghĩa là mọi thứ trong Pages đều vô hạn.

Những giới hạn thực tế bạn vẫn cần biết

Với Pages Free plan, các giới hạn thường đáng chú ý nhất là:

  • 500 deploys / month
  • tối đa 20,000 files cho mỗi site

Với một blog tĩnh bình thường, hai giới hạn này thường vẫn khá rộng. Nhưng nếu:

  • build tạo ra quá nhiều file nhỏ
  • site có quá nhiều ảnh tách lẻ
  • bạn deploy liên tục nhiều lần mỗi ngày

thì vẫn có thể chạm trần.

Vì vậy câu đúng hơn nên là:

  • host blog tĩnh với traffic static miễn phí và không giới hạn

chứ không nên nói:

  • Cloudflare Pages free hoàn toàn không giới hạn

Khi nào site của bạn vẫn được xem là thuần tĩnh?

Một site vẫn đang đi theo hướng thuần tĩnh nếu:

  • bài viết được viết trước và build sẵn
  • trang category, tag, article đều generate trước khi deploy
  • không cần server render mỗi lần người dùng truy cập
  • không dùng API backend riêng chỉ để hiển thị nội dung cơ bản

Ví dụ rất hợp:

  • blog Markdown
  • docs site
  • portfolio cá nhân
  • landing page sản phẩm

Khi nào không còn là “web tĩnh miễn phí không giới hạn” nữa?

Khi bạn thêm các phần như:

  • Pages Functions
  • SSR
  • API route
  • xử lý request ở runtime

lúc đó request có thể bắt đầu đi qua lớp compute thay vì chỉ trả static file. Và khi đó bạn phải xem quota theo Workers/Functions chứ không còn giữ logic “static requests free unlimited” nữa.

Nói ngắn gọn:

  • chỉ trả file tĩnh -> hợp với điểm mạnh free của Pages
  • có logic runtime -> phải tính theo giới hạn động

Flow làm blog tĩnh với Cloudflare Pages

Flow đơn giản thường là:

  1. viết blog bằng static site generator hoặc framework export tĩnh
  2. build ra thư mục output
  3. đẩy code lên GitHub
  4. kết nối repo đó với Cloudflare Pages
  5. khai báo build command và output directory
  6. deploy

Nếu dùng các công cụ như:

  • Astro
  • Hugo
  • Eleventy
  • Next.js static export

thì flow này rất phổ biến.

Ví dụ build output cho blog tĩnh

Một site sau khi build có thể ra cấu trúc kiểu:

dist/
  index.html
  blog/
    bai-viet-1/
      index.html
    bai-viet-2/
      index.html
  assets/
    app.css
    app.js
    hero.webp

Cloudflare Pages chỉ cần thư mục output này để phục vụ ra ngoài Internet.

Thiết lập trên Cloudflare Pages có khó không?

Không khó nếu project của bạn đã build được local.

Bạn thường chỉ cần:

  1. tạo repo trên GitHub
  2. push source code lên
  3. vào Cloudflare Pages
  4. chọn Create a project
  5. connect repository
  6. nhập:
    • Build command
    • Build output directory

Ví dụ:

Build command: npm run build
Build output directory: out

hoặc:

Build command: npm run build
Build output directory: dist

tuỳ framework bạn đang dùng.

Những loại blog rất hợp với Cloudflare Pages Free

Cloudflare Pages Free rất hợp nếu blog của bạn:

  • chủ yếu là bài viết tĩnh
  • ít chức năng động
  • không cần dashboard riêng trên cùng domain
  • không cần backend riêng để render bài viết

Đây là lý do nhiều người dùng nó cho:

  • tech blog cá nhân
  • changelog site
  • product docs
  • site giới thiệu dịch vụ nhỏ

Những chỗ dễ hiểu sai khi chọn Cloudflare Pages

1. Tưởng blog nào cũng là static

Không phải.

Nếu blog của bạn phụ thuộc nặng vào:

  • tìm kiếm động ở server
  • auth riêng theo user
  • comment tự host bằng backend riêng
  • dashboard quản trị chạy chung hệ

thì đó không còn là một static site “đúng nghĩa nhẹ” nữa.

2. Tưởng request unlimited là mọi thứ unlimited

Sai ở chỗ:

  • static asset requests là free và unlimited
  • nhưng deploy, file count và các phần compute động vẫn có giới hạn riêng

3. Tưởng phải biết Cloudflare rất sâu mới dùng được

Với static blog thì không cần.

Ở mức cơ bản, bạn chỉ cần hiểu:

  • build site
  • có thư mục output
  • connect repo
  • deploy

Là đã dùng được.

Có nên chọn Cloudflare Pages cho blog mới không?

Có, nếu mục tiêu của bạn là:

  • chi phí thấp
  • triển khai nhanh
  • traffic đọc bài là chính
  • không muốn vận hành server

Nó đặc biệt hợp với người viết blog kỹ thuật, docs, tutorial hoặc site giới thiệu cá nhân.

Checklist trước khi deploy

Trước khi chọn Pages cho blog, nên tự check:

  1. site của bạn có build ra file tĩnh hoàn chỉnh không?
  2. nội dung có cần render động theo từng request không?
  3. output có quá nhiều file nhỏ không?
  4. bạn có cần Functions hay chỉ cần host bài viết tĩnh?
  5. build command và output directory đã rõ chưa?

Kết luận

Cloudflare Pages là một lựa chọn rất mạnh cho blog tĩnh vì:

  • dễ deploy
  • có CDN và HTTPS sẵn
  • request tới static assets là miễn phí và không giới hạn

Nhưng để nói chính xác, điều “không limit” chỉ đúng với phần request tới static assets của website thuần tĩnh. Free plan vẫn có các giới hạn khác như số lần deploy và số file của site.

Nếu blog của bạn chủ yếu là nội dung đã build sẵn, không cần backend runtime, thì đây là một trong những cách gọn nhất để host blog gần như không tốn chi phí vận hành.