Deploy static site với Pages Deploy a static site with Pages

Bạn có frontend tĩnh (marketing site, docs, landing) và muốn deploy nhanh, HTTPS, preview PR mà không quản lý server. You have a static frontend (marketing, docs, landing) and want fast deploy, HTTPS, and PR previews without servers.

Tài liệu Cloudflare (use case) → Official Cloudflare use case docs →

Kiến trúc gợi ý Suggested architecture

Git push → Cloudflare Pages build → Global CDN → Visitor Git push → Cloudflare Pages build → Global CDN → Visitor

Sơ đồ tham chiếu (Cloudflare Docs) Reference diagrams (Cloudflare Docs)

Figure 1: Cloudflare Developer Platform — Fullstack applications Fullstack applications

Ví dụ fullstack trên Developer Platform — Workers/Pages, storage và AI services trong một kiến trúc thực tế. A practical example of how these services come together in a real fullstack application architecture.

Thuật ngữ: Concepts: Workers · Pages · D1 · R2 · KV · Durable Objects

Sơ đồ chính thức ↗ Official diagram ↗ · Serverless Serverless

Figure 1: Traditional single-region architecture — Serverless global APIs Serverless global APIs

An example architecture of a serverless API on Cloudflare and aims to illustrate how different compute and data products could interact with each other. An example architecture of a serverless API on Cloudflare and aims to illustrate how different compute and data products could interact with each other.

Thuật ngữ: Concepts: Workers · D1 · R2 · Global API · Edge compute

Sơ đồ chính thức ↗ Official diagram ↗ · Serverless Serverless

Các bước thực hiện Recommended steps

Kết nối repo Git (GitHub/GitLab) Connect a Git repo (GitHub/GitLab)
Chọn framework preset và output directory (Astro: dist) Pick framework preset and output directory (Astro: dist)
Deploy production branch Deploy production branch
Dùng preview URL cho mỗi PR Use preview URLs per PR
Tùy chọn: custom domain + Web Analytics Optional: custom domain + Web Analytics

Tình huống khác (cùng lộ trình) Other scenarios (same track)

← Tất cả tình huống lộ trình này ← All scenarios in this track · Ba nhóm tình huống All three groups

Next step Next step

Tiếp tục hành trình học của bạn. Continue your learning journey.

Bài học Pages Pages lesson