Cloudflare Pages

Đây là gì

Cloudflare Pages là một nền tảng lưu trữ website — từ các file tĩnh đơn giản cho đến các ứng dụng full-stack. Bạn kết nối một (thư mục trực tuyến lưu lịch sử thay đổi của code), Pages chạy lệnh build (biên dịch) của bạn, rồi phục vụ kết quả từ CDN của Cloudflare (Content Delivery Network — Mạng phân phối nội dung — một tập hợp máy chủ trên toàn thế giới giữ các bản sao file của bạn gần với từng người truy cập). Các route động và (Application Programming Interface — Giao diện lập trình ứng dụng — các điểm cuối mà phần mềm khác gọi để giao tiếp với ứng dụng của bạn) chạy dưới dạng Pages Functions, mà thực chất bên dưới là Workers. Vì vậy một dự án duy nhất có thể vừa là trang tĩnh vừa là .

Điểm mạnh

Hướng theo Git: mỗi lần push đều build và , kèm một xem trước (preview) cho từng nhánh.
Các tài nguyên tĩnh được phục vụ nhanh và miễn phí từ CDN toàn cầu.
Pages Functions bổ sung logic phía server với cùng các binding (kết nối dựng sẵn) như Workers — D1 (một cơ sở dữ liệu ), R2 (lưu trữ file), KV (một kho lưu trữ khóa-giá trị, giống như một cuốn từ điển khổng lồ ánh xạ nhãn sang giá trị).
Gói miễn phí hào phóng và băng thông không giới hạn.
Rollback (khôi phục về phiên bản trước) chỉ với một cú click — mọi lần deploy đều được lưu giữ.

Đánh đổi

Môi trường build có giới hạn về thời gian và tài nguyên; các build rất lớn có thể chậm.
Functions kế thừa runtime của Workers, nên cũng chịu các ràng buộc không hỗ trợ Node tương tự.
Đối với các backend hoàn toàn động, luôn hoạt động liên tục, Workers thuần có thể phù hợp hơn.
Cấu hình build cho các ít phổ biến đôi khi cần tinh chỉnh thủ công.

Khi nào nên dùng

Dùng Pages cho các trang marketing, tài liệu, blog, SPA (single-page app — ứng dụng một trang — các trang web tải một lần rồi cập nhật tại chỗ mà không cần tải lại toàn trang), và các framework full-stack (Next.js, Astro, SvelteKit) khi bạn muốn deploy dựa trên Git, lưu trữ tĩnh miễn phí, và tùy chọn có các hàm server, tất cả trong một nơi.

Phù hợp với vibe coding

Pages phù hợp với vibe coding vì toàn bộ việc deploy chỉ đơn giản là "kết nối một repo và push." Một (tác nhân AI) có thể thiết lập lệnh build, thư mục output, và các biến môi trường, sau đó deploy bằng Wrangler hoặc kích hoạt một bản build qua Git. Mẹo: hãy cho agent biết framework bạn dùng và bạn có cần Functions hay không, để nó chọn đúng adapter (bộ chuyển đổi) và thư mục output. Bạn cũng có thể deploy trực tiếp một thư mục đã được build sẵn.

# wrangler.toml — Pages project config
name = "my-site"
pages_build_output_dir = "dist"

[[d1_databases]]
binding = "DB"
database_name = "my-db"
database_id = "your-d1-id"

# Deploy a prebuilt output directory
npx wrangler pages deploy dist --project-name my-site