Cloudflare Pages

VPS / Hosting

VPS / HostingEdgeĐộ khó: Trung bìnhCó bản miễn phí

Cloudflare Pages

4.0/5Đánh giá của 2dm

Gói miễn phí rộng rãi; dự án mới nên dùng Workers theo khuyến nghị của Cloudflare.

Dịch vụ host website frontend trên mạng Cloudflare; hiện Cloudflare khuyên dự án mới dùng Workers kèm static assets.

Mở trang chính thức Xem cách dùng

Giới thiệu

Cloudflare Pages là dịch vụ build và lưu trữ website frontend chạy trên mạng lưới của Cloudflare, nằm trong nền tảng Workers. Bạn có thể nối kho Git để tự build, tải thẳng thư mục đã build lên, hoặc tạo dự án bằng công cụ dòng lệnh.

Điểm cần biết trước khi chọn: tài liệu chính thức của Cloudflare hiện khuyến nghị bắt đầu dự án mới bằng Workers, vì Workers đã hỗ trợ phần lớn tình huống của Pages và có nhiều tính năng hơn. Workers static assets cho phép phục vụ website tĩnh và code xử lý trong cùng một lần deploy. Pages vẫn hoạt động cho các dự án hiện có, và Cloudflare có hướng dẫn chuyển từ Pages sang Workers.

Lựa chọn này hợp với doanh nghiệp đã quản lý tên miền trên Cloudflare, muốn website tĩnh tải nhanh và chi phí thấp. Đây không phải nơi chạy n8n hay Docker; các dịch vụ đó cần VPS riêng.

Tính năng nổi bật

Chạy trên mạng Cloudflare

Website được phân phối qua hạ tầng toàn cầu của Cloudflare, tiện nếu DNS cũng đang ở Cloudflare.

Gói miễn phí rộng rãi

Theo tài liệu giới hạn, gói Free cho 500 lần build mỗi tháng, tối đa 20.000 file mỗi site.

Nhiều cách deploy

Nối Git, tải thư mục trực tiếp, hoặc tạo dự án từ dòng lệnh.

Hướng đi mới là Workers

Cloudflare khuyên dự án mới dùng Workers static assets, nên cân nhắc ngay từ đầu để khỏi phải chuyển đổi sau.

Kết hợp hệ sinh thái

Dễ ghép với các dịch vụ khác của Cloudflare như lưu trữ, database và bảo mật.

Dùng để làm gì

Website giới thiệu có domain ở Cloudflare

Gom DNS, SSL và hosting về một chỗ, giảm số tài khoản phải quản lý.

Trang tài liệu hoặc blog kỹ thuật

Build từ Markdown bằng Hugo, Astro rồi phát hành tự động mỗi lần push.

Landing page chịu tải cao

Trang tĩnh phục vụ qua mạng Cloudflare phù hợp khi chạy chiến dịch quảng cáo lớn.

Frontend kèm API nhẹ

Với Workers, có thể đặt giao diện và vài endpoint xử lý form trong cùng một dự án.

Cách dùng

1
Tạo tài khoản Cloudflare
Đăng ký và, nếu được, chuyển DNS tên miền về Cloudflare để quản lý tập trung.
2
Quyết định Pages hay Workers
Với dự án mới, đọc trang tổng quan Pages: Cloudflare khuyến nghị bắt đầu bằng Workers.
3
Tạo dự án bằng C3
Lệnh mẫu trong tài liệu Workers static assets tạo sẵn một dự án React có thể deploy.
$npm create cloudflare@latest -- my-react-app --framework=react
4
Hoặc nối Git trong dashboard
Chọn kho GitHub/GitLab, khai báo lệnh build và thư mục output để Cloudflare tự build mỗi lần push.
5
Gắn tên miền riêng
Trong phần Custom domains của dự án, thêm domain doanh nghiệp và chờ SSL được cấp.

Video hướng dẫn

3 Ways to Deploy Static to Cloudflare: Pages, Worker With Assets and R2
Ana's Dev Scribbles

Deploy to Cloudflare Workers & Pages in 10 minutes - Complete overview with a Database & Domain
backpine labs

Ví dụ thực tế

Tình huống minh hoạ

Một công ty phần mềm nhỏ ở Đà Nẵng đã dùng Cloudflare để quản lý DNS cho tên miền chính. Khi cần trang tài liệu hướng dẫn khách hàng, đội dev viết nội dung bằng Markdown, dựng site tĩnh và deploy lên Cloudflare theo hướng Workers static assets như tài liệu khuyến nghị. Mỗi lần cập nhật hướng dẫn, chỉ cần push lên GitHub, trang tự build lại mà không phải quản lý máy chủ.

Mẹo & lưu ý

Chọn Workers cho dự án mới
Làm theo khuyến nghị hiện tại để tránh phải chuyển đổi từ Pages về sau.
Lưu ý giới hạn build
Gói Free chỉ chạy 1 lần build cùng lúc, nên tránh cấu hình build lại cho mọi nhánh không cần thiết.
Kiểm tra kích thước file
Mỗi file tĩnh tối đa 25 MiB; video hoặc file lớn nên để ở dịch vụ lưu trữ riêng.
Bảo vệ tài khoản
Bật xác thực hai lớp và tạo API token giới hạn quyền cho CI thay vì dùng khóa toàn quyền.