Lộ trình đang học Current learning path Current learning path
Developer Platform Developer Platform Developer Platform
Deploy Hello World lên *.workers.dev, bind KV/D1/R2 đúng chỗ, secret không lên client — AI chỉ sau nền. Deploy Hello World to *.workers.dev, bind KV/D1/R2 correctly, keep secrets off the client — AI only after the spine. Deploy Hello World ទៅ *.workers.dev, bind KV/D1/R2 ឱ្យត្រឹមត្រូវ, កុំដាក់ secret នៅលើ client — AI តែបន្ទាប់ពីគ្រឹះ។
Phần 2: Pages (tương thích Git site) Part 2: Pages (Git site compatibility) ផ្នែក 2: Pages (ភាពត្រូវគ្នានែ Git site) · Bài 1/2 Lesson 1/2 មេរៀន 1/2
| Mục tiêuGoalគោលដៅ | Deploy site Git lên Pages: build command, output dist, preview mỗi PR — đường tương thích, không phải on-ramp mặc định 2026. Deploy a Git site to Pages: build command, output dist, preview per PR — the compatibility path, not the default 2026 on-ramp. Deploy Git site ទៅ Pages: build command, output dist, preview តាម PR — ផ្លូវ compatibility មិនមែន on-ramp លំនាំដើម 2026។ |
|---|---|
| Ai làmWho does thisអ្នកធ្វើ | Frontend engineer / team có repo framework Frontend engineer / team with a framework repo Frontend engineer / team ដែលមាន framework repo |
| Thời gianTimeរយៈពេល | ~30 phút ~30 min ~30 នាទី |
| Kết thúc bạn sẽ cóYou'll finish withពេលបញ្ចប់អ្នកនឹងមាន | Production *.pages.dev (hoặc custom domain); một PR có preview URL. Production *.pages.dev (or custom domain); one PR has a preview URL. Production *.pages.dev (ឬ custom domain); PR មួយមាន preview URL។ |
| Trước khi bắt đầuBefore you beginមុនពេលចាប់ផ្តើម | Repo GitHub/GitLab. Biết output directory (Astro: dist, Vite: dist, CRA: build). Worker-first (dp-1) đã hiểu runtime. GitHub/GitLab repo. You know the output directory (Astro: dist, Vite: dist, CRA: build). Worker-first (dp-1) already explained the runtime. Repo GitHub/GitLab។ អ្នកដឹង output directory (Astro: dist, Vite: dist, CRA: build)។ Worker-first (dp-1) បានពន្យល់ runtime រួចហើយ។ |
| Gói / planPlanPlan | Pages Free đủ cho site tĩnh. Build minutes và Functions có limit. Pages Free is enough for a static site. Build minutes and Functions have limits. Pages Free គ្រប់គ្រាន់សម្រាប់ static site។ Build minutes និង Functions មាន limits។ |
1 Dashboard → Workers & Pages → Create → Pages → Connect to Git. Dashboard → Workers & Pages → Create → Pages → Connect to Git. Dashboard → Workers & Pages → Create → Pages → Connect to Git.
Nhấp: Click: ចុច៖ Connect to Git → chọn repo → production branch main Connect to Git → pick repo → production branch main Connect to Git → ជ្រើស repo → production branch main
2 Framework preset + build command + output directory. Framework preset + build command + output directory. Framework preset + build command + output directory។
Nhập: Enter: បញ្ចូល៖ Build command: npm run build Output: dist Node: 18+ Build command: npm run build Output: dist Node: 18+ Build command: npm run build Output: dist Node: 18+
Checkpoint: Checkpoint: Checkpoint៖ Build log pass. URL *.pages.dev phục vụ HTML. Sai output = trang trắng/404 — lỗi #1. Build log passes. *.pages.dev serves HTML. Wrong output = blank/404 — the #1 mistake. Build log ឆ្លង។ *.pages.dev បម្រើ HTML។ Output ខុស = blank/404 — កំហុស #1។
3 Mở PR nhỏ — xác nhận preview deployment URL khác production. Open a small PR — confirm the preview URL is not production. បើក PR តូច — បញ្ជាក់ថា preview URL មិនមែន production។
Checkpoint: Checkpoint: Checkpoint៖ Reviewer mở preview, không đụng production. A reviewer opens preview without touching production. Reviewer បើក preview ដោយមិនប៉ះ production។
4 Ghi chú migrate: project mới nên cân nhắc Workers + static assets; Pages hiện có có guide migrate, không copy-paste vội. Migration note: new projects should consider Workers + static assets; existing Pages have a migrate guide — do not paste blindly. ចំណាំ migrate: project ថ្មីគួរពិចារណា Workers + static assets; Pages ដែលមានស្រាប់មាន migrate guide — កុំ paste ដោយមិនអាន។
Bạn sẽ thấy: What you'll see: អ្នកនឹងឃើញ៖ https://developers.cloudflare.com/workers/static-assets/migration-guides/migrate-from-pages/ https://developers.cloudflare.com/workers/static-assets/migration-guides/migrate-from-pages/ https://developers.cloudflare.com/workers/static-assets/migration-guides/migrate-from-pages/
Nguồn sự thật: tài liệu chính thức Cloudflare Developers (diễn giải, không sao chép nguyên văn). Nhãn menu dashboard có thể đổi — chọn mục tương đương gần nhất. Source of truth: official Cloudflare Developer docs (paraphrased, not copied verbatim). Dashboard labels shift — follow the nearest equivalent. ប្រភពពិត: official Cloudflare Developer docs (paraphrased)។ Dashboard labels ផ្លាស់ — តាម equivalent ជិតបំផុត។
Luôn `await` hoặc `ctx.waitUntil()` mọi Promise — nếu không, Worker có thể kết thúc trước khi tác vụ nền hoàn tất. Always `await` or use `ctx.waitUntil()` for every Promise — otherwise the Worker may terminate before background work completes. Always `await` or use `ctx.waitUntil()` for every Promise — otherwise the Worker may terminate before background work completes.
Nguồn: Source: Source: Workers Best Practices Workers Best Practices Workers Best Practices ↗
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. Official examples from Cloudflare Resources — matched to this lesson within this path.
Tìm hiểu cách triển khai một trang web WordPress tĩnh bằng cách sử dụng Cloudflare Pages.
Learn how to deploy a static WordPress site using Cloudflare Pages.
តើធ្វើដូចម្តេចដើម្បីដំឡើងគេហទំព័រ WordPress ដែលមានស្ថានភាពដោយប្រើ Cloudflare Pages ។
Tìm hiểu thêm Learn more ស្វែងយល់បន្ថែមDi chuyển ứng dụng Netlify của bạn sang Cloudflare Workers. Bạn nên có một dự án hiện có được triển khai trên Netlified mà bạn muốn lưu trữ trên Workers.
Migrate your Netlify application to Cloudflare Workers. You should already have an existing project deployed on Netlified that you would like to host on Workers.
ទាញយកកម្មវិធី Netlify របស់អ្នកទៅ Cloudflare Workers ។ អ្នកគួរតែមានគម្រោងដែលមាននៅលើ Netlified ដែលអ្នកចង់រៀបចំនៅលើ Workers ។
Tìm hiểu thêm Learn more ស្វែងយល់បន្ថែមDi chuyển ứng dụng Vercel của bạn sang Cloudflare Workers. Bạn nên có một dự án hiện có được triển khai trên Vercel mà bạn muốn lưu trữ trên Workers.
Migrate your Vercel application to Cloudflare Workers. You should already have an existing project deployed on Vercel that you would like to host on Workers.
ទាញយកកម្មវិធី Vercel របស់អ្នកទៅ Cloudflare Workers ។ អ្នកគួរតែមានគម្រោងដែលមាននៅលើ Vercel ដែលអ្នកចង់រៀបចំនៅ Workers ។
Tìm hiểu thêm Learn more ស្វែងយល់បន្ថែមTìm hiểu cách thêm React form với Formspree, một dịch vụ back-end xử lý và lưu trữ form.
Learn how to add a React form with Formspree, a back-end service that handles form processing and storage.
ស្វែងយល់ពីរបៀបបន្ថែមទម្រង់ React ជាមួយ Formspree ដែលជាសេវាកម្មផ្នែកខាងក្រោយដែលគ្រប់គ្រងដំណើរការ និងការផ្ទុកទម្រង់។
Tìm hiểu thêm Learn more ស្វែងយល់បន្ថែមXem thêm ví dụ trong lộ trình → More examples in this path → More examples in this path →
Ứng dụng fullstack 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. A practical example of how these services come together in a real fullstack application architecture.
Thuật ngữ: Concepts: Concepts: Workers · Pages · D1 · R2 · KV · Durable Objects
Sơ đồ chính thức ↗ Official diagram ↗ Official diagram ↗ · Serverless Serverless Serverless
API serverless toàn cầu Serverless global APIs Serverless global APIs
Ví dụ kiến trúc API serverless trên Cloudflare — compute và data product (Workers, D1, R2) tương tác thế nào. 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: Concepts: Workers · D1 · R2 · Global API · Edge compute
Sơ đồ chính thức ↗ Official diagram ↗ Official diagram ↗ · Serverless Serverless Serverless
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. Three independent paths — each includes only lessons and materials for that scope. Switch when you are ready; no need to study paths in parallel.
Follow-along: DNS → proxy → SSL → WAF → cache — rồi mới rẽ API Shield hoặc Load Balancing Follow-along: DNS → proxy → SSL → WAF → cache — then branch to API Shield or Load Balancing Follow-along: DNS → proxy → SSL → WAF → cache — បន្ទាប់មកទើបបែកផ្លូវទៅ API Shield ឬ Load Balancing
Vào lộ trình này → Enter this path → Enter this path →Triển khai Zero Trust theo từng mô-đun: identity, thiết bị, ZTNA, Gateway, DLP, AI và Cloudflare WAN Deploy Zero Trust module by module: identity, devices, ZTNA, Gateway, DLP, AI, and Cloudflare WAN Deploy Zero Trust module by module: identity, devices, ZTNA, Gateway, DLP, AI, and Cloudflare WAN
Vào lộ trình này → Enter this path → Enter this path →Adopt AI an toàn từ user đến ứng dụng Adopt AI safely from users to applications Adopt AI safely from users to applications
Vào lộ trình này → Enter this path → Enter this path →Vận hành Cloudflare an toàn, ổn định và hiệu quả Operate Cloudflare safely, reliably, and efficiently Operate Cloudflare safely, reliably, and efficiently
Vào lộ trình này → Enter this path → Enter this path →Chưa chắc — làm bài chọn lộ trình Not sure — use the path selector Not sure — use the path selector · So sánh cả ba lộ trình Compare all three paths Compare all three paths
