Ba trụ cột — GitHub · Claude · Cloudflare

Mỗi trụ cột làm đúng một việc. Hiểu sự phân vai này thì cả giáo trình sau đó chỉ là chi tiết.

Có hàng trăm công cụ. Giáo trình này chọn ba, vì ba cái đó phủ trọn ba câu hỏi của mọi phần mềm, và cả ba đều có bản miễn phí đủ dùng thật.

Thiếu một cái là thiếu hẳn một mảng. Rất nhiều người học chỉ có Claude: viết được mã, không biết lưu, không biết đưa cho ai dùng. Họ có nghề, không có sản phẩm.

GitHub — tủ hồ sơ có biên bản

GitHub là nơi lưu mã nguồn, nhưng giá trị thật của nó là lịch sử: ai sửa gì, lúc nào, vì sao, và lùi về bản cũ bằng một lệnh.

Với Vibe Code, GitHub quan trọng hơn với người viết tay, không phải ít hơn. Lý do: AI sửa nhiều dòng một lúc. Không có Git, một lượt hỏi sai là bạn mất buổi làm. Có Git, bạn gõ một lệnh về trạng thái 10 phút trước.

Ba thứ bạn sẽ dùng, không hơn:

• git commit — chốt một mốc ("đây là lúc nó còn chạy").
• git push — đẩy lên GitHub để không mất khi máy hỏng.
• Pull Request — chỗ để xem lại thay đổi trước khi cho vào bản chính.

Và một thứ bonus rất lớn ở Cấp 2: GitHub Actions — máy chủ miễn phí của GitHub tự chạy việc cho bạn mỗi lần đẩy mã (tự kiểm tra, tự đưa web lên).

Claude — người thợ

Claude là mô hình AI của Anthropic. Trong giáo trình này, bạn dùng nó ở ba dạng, và chọn dạng nào là một quyết định thật:

1. Claude trên web (claude.ai) — dạng hội thoại. Dán yêu cầu, nhận mã, tự chép vào máy. Ưu: không cài gì, có Artifacts xem ngay kết quả. Nhược: nó không thấy máy bạn, không chạy lệnh, không sửa nhiều file. Dùng cho: học, hỏi kiến thức, dựng một file đơn lẻ, soạn văn bản.

2. Claude Code — dạng đồng nghiệp ngồi trong máy. Chạy trong cửa sổ dòng lệnh (hoặc trong app Claude cho máy tính). Nó đọc được file, sửa file, chạy lệnh, chạy test, deploy. Đây là dạng bạn sẽ dùng để làm việc thật từ Cấp 2 trở đi. Khác biệt không phải "tiện hơn" — khác biệt là nó tự kiểm chứng được việc nó vừa làm.

3. Claude API — dạng linh kiện. Bạn gọi Claude từ trong app của bạn, để app có tính năng AI (xem Nhúng AI vào app). Trả tiền theo lượng chữ.

Cloudflare — mặt tiền và nhà xưởng

Đây là trụ cột mà người mới hay bỏ qua, rồi về sau trả giá đắt nhất. Cloudflare là nơi web của bạn thật sự sống.

Bạn sẽ dùng, theo đúng thứ tự học:

Vì sao Cloudflare mà không phải thứ khác:

1. Một nhà, một hóa đơn, một CLI. Web, backend, cơ sở dữ liệu, tệp, tên miền, DNS, chống tấn công — cùng một chỗ. Với người làm một mình, đây là yếu tố quyết định: bớt được 4–5 nhà cung cấp là bớt 4–5 nguồn sự cố.
2. Bản miễn phí đủ cho app thật, không phải bản dùng thử 14 ngày.
3. Chạy ở biên. Mã của bạn chạy tại máy chủ gần người dùng (có điểm ở Việt Nam) → nhanh, không phải chọn "vùng" nào cả.
4. Mọi thứ điều khiển bằng một công cụ dòng lệnh: wrangler — nghĩa là Claude Code làm hộ bạn được.

Ba trụ cột nối với nhau thế nào

Đây là vòng đời của một thay đổi, dạng ngắn nhất — bạn sẽ chạy vòng này hàng trăm lần:

[Bạn]  "Thêm cột Ghi chú vào bảng đơn hàng"
   │
   ▼
[Claude Code]  sửa file index.html + sửa schema D1
   │
   ▼
[wrangler]  đưa lên bản PREVIEW (link riêng, chưa ai thấy)
   │
   ▼
[Bạn]  mở link, bấm thử, kiểm cả điện thoại
   │
   ├── hỏng → quay lại bước 2
   │
   ▼
[wrangler]  deploy lên bản thật
   │
   ▼
[git commit + push]  GitHub giữ mốc này, lùi lại được

Hai điểm sống–còn trong vòng này, học ở Cấp 5 nhưng nhớ từ bây giờ:

• Bản preview tách khỏi bản thật. Không bao giờ sửa trực tiếp lên cái người dùng đang dùng.
• Commit sau khi đã chạy được, không phải trước. Mốc Git phải là mốc lành.