Starter Hub Starter Hub

Lộ trình đang học Current learning path

Developer Platform Developer Platform

Build và deploy apps trên Cloudflare. Build and deploy apps on Cloudflare.

Về trang lộ trình Track home

Phần 1: Deploy đầu tiên với Pages Part 1: First deploy with Pages · Bài 1/2 Lesson 1/2

Tạo project Pages từ Git hoặc CLI Create a Pages project from Git or CLI

Kết nối repo GitHub/GitLab hoặc dùng `wrangler pages deploy`. Mỗi PR có preview URL — rất hữu ích cho review. Connect GitHub/GitLab or use `wrangler pages deploy`. Each PR gets a preview URL — great for reviews.

Create a Pages project from Git or CLI
Minh họa từ Cloudflare Reference Architecture (developers.cloudflare.com) Illustration from Cloudflare Reference Architecture (developers.cloudflare.com)

Các bước thực hiện Step-by-step

  1. Dashboard → Workers & Pages → Create → Pages → Connect Git. Dashboard → Workers & Pages → Create → Pages → Connect Git.
  2. Chọn repo, branch production (main), framework preset (Astro/React…). Pick repo, production branch (main), framework preset (Astro/React…).
  3. Deploy lần đầu — kiểm tra URL *.pages.dev. First deploy — verify *.pages.dev URL.
  4. Mở PR test — xác nhận preview deployment URL. Open a test PR — confirm preview deployment URL.

Giải thích chi tiết Detailed explanation

Pages = hosting + CI tích hợp. Preview URL mỗi PR là workflow review không cần staging server riêng. Pages = hosting + built-in CI. Per-PR preview URLs replace separate staging servers for reviews.

Lưu ý (best practices) Note (best practices)

Mỗi Wrangler environment là deployment riêng (`{name}-{env}`). Binding và vars phải khai báo theo từng environment — không kế thừa tự động. Each Wrangler environment is a separate deployment (`{name}-{env}`). Bindings and vars must be declared per environment — they are not inherited automatically.

Nguồn: Source: Workers Best Practices Workers Best Practices ↗

Ví dụ triển khai (Cloudflare Resources) Deployment examples (Cloudflare Resources)

Ví dụ chính thức từ Cloudflare Resources — gợi ý theo chủ đề bài học trong lộ trình này. Official examples from Cloudflare Resources — matched to this lesson within this path.

Xem thêm ví dụ trong lộ trình → More examples in this path →

Tài liệu Cloudflare Developers Cloudflare Developer docs

Sơ đồ kiến trúc (Cloudflare Docs) Architecture 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

Sản phẩm liên quan Related products

Học xong hoặc muốn đổi hướng? Finished or want a different path?

Ba lộ trình độc lập — mỗi lộ trình chỉ gồm bài học và tài liệu trong phạm vi đó. Chọn lộ trình khác khi sẵn sàng, không cần học song song. Three independent paths — each includes only lessons and materials for that scope. Switch when you are ready; no need to study paths in parallel.

Application Services Application Services

Bảo vệ và tăng tốc website, application và API Protect and accelerate websites, applications, and APIs

Vào lộ trình này → Enter this path →

Cloudflare One Cloudflare One

Bảo vệ users, access, SaaS và mạng doanh nghiệp Secure users, access, SaaS, and corporate networks

Vào lộ trình này → Enter this path →

Chưa chắc — làm bài chọn lộ trình Not sure — use the path selector · So sánh cả ba lộ trình Compare all three paths