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

Cấu hình build và output Configure build and output

Đặt build command (`npm run build`) và thư mục output (`dist`). Kiểm tra biến môi trường cho API URL. Set build command (`npm run build`) and output directory (`dist`). Check env vars for API URLs.

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

Settings → Builds: `npm run build`, output `dist` (hoặc `build`). Settings → Builds: `npm run build`, output `dist` (or `build`).
Thêm Environment variables: API_URL, PUBLIC_* cho build. Add environment variables: API_URL, PUBLIC_* for build.
Node version ≥ 18 trong build config. Node version ≥ 18 in build config.
Re-deploy sau khi sửa env — build log phải pass. Re-deploy after env changes — build log must pass.

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

Sai output directory là lỗi #1 Pages — Astro dùng `dist`, Create React App dùng `build`. Wrong output directory is the #1 Pages mistake — Astro uses `dist`, CRA uses `build`.

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

Secret (API key, token) không được đặt trong wrangler config hay source — dùng `wrangler secret put`. Biến không nhạy cảm đặt trong `vars`; local dev dùng `.env` và thêm vào `.gitignore`. Secrets (API keys, tokens) must never appear in Wrangler config or source — use `wrangler secret put`. Non-sensitive config belongs in `vars`; use a `.env` file for local dev and add it to `.gitignore`.

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

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

Tutorial, solution guide và reference từ developers.cloudflare.com/resources ↗ — gợi ý theo chủ đề bài học. Tutorials, solution guides, and reference docs from developers.cloudflare.com/resources ↗ — matched to this lesson topic.