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 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

  1. Settings → Builds: `npm run build`, output `dist` (hoặc `build`). Settings → Builds: `npm run build`, output `dist` (or `build`).
  2. Thêm Environment variables: API_URL, PUBLIC_* cho build. Add environment variables: API_URL, PUBLIC_* for build.
  3. Node version ≥ 18 trong build config. Node version ≥ 18 in build config.
  4. 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)

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ả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