Bạn không cần biết Figma, React, Supabase hay Vercel. Bài viết này sẽ chỉ cho bạn cách bỏ qua các thủ tục rườm rà và đi thẳng vào vấn đề với Codex để có một trang web kiếm tiền ngay lập tức.
Trang web sudoku.com nhận được 12,69 triệu lượt tìm kiếm tự nhiên mỗi tháng (dữ liệu SimilarWeb tháng 4/2026). Hầu hết các developer trong cộng đồng Hoa ngữ vẫn chưa làm những dạng site game chữ/số hướng thị trường Mỹ này — lỗ hổng thông tin nằm ngay đây.
Tuần trước, tôi đã dành một ngày để tạo một trang web ghép nhóm từ kiểu NYT Connections — Daily Word Categories.
0 kinh nghiệm thiết kế, 0 code frontend/backend, và chi phí hàng tháng chỉ là một gói đăng ký Codex $20. 4 công cụ còn lại đều bắt đầu từ $0.
Tôi không gõ một dòng lệnh hay click chuột một lần nào trong suốt quá trình — Codex chạy lệnh cho tôi, Codex thao tác mọi ứng dụng trên máy tính của tôi (trình duyệt/Finder/phần mềm thiết kế), và Codex cấu hình database cho tôi.
Tuyệt vời hơn nữa, Codex giờ đây có thể chạy song song trên nhiều tab nền mà không chiếm dụng trình duyệt của bạn. Điều này có nghĩa là trong khi Codex đang đăng ký tài khoản hoặc thay đổi DNS cho bạn, bạn có thể sử dụng máy tính để làm việc khác cùng lúc.
Không cần học thiết kế, không cần viết code, không cần nhớ lệnh deploy — bạn chỉ cần nói chuyện với Codex.
Codex hiện có thể làm 3 việc — đây là chìa khóa cho cách tiếp cận 0 công sức của bạn
Hầu hết mọi người trong cộng đồng Hoa ngữ vẫn nghĩ Codex chỉ là một "công cụ code AI". Thực tế, sau tháng 5/2026, Codex có thể làm 3 việc, và 3 việc này kết hợp lại = vận hành một trang web side-project hoàn chỉnh cho bạn:
▸ Thực thi lệnh CLI: Chạy các lệnh npm / git / pnpm / vercel. Khi nào dùng: Cài đặt công cụ / khởi tạo dự án / deploy.
▸ Sử dụng máy tính: Thao tác bất kỳ ứng dụng nào trên máy tính của bạn — Chrome / Safari / Finder / Phần mềm thiết kế / bất kỳ GUI nào. Sau một lần ủy quyền, Codex click, gõ và chụp ảnh màn hình cho bạn. Chrome có extension riêng (ổn định nhất, dùng phiên đã đăng nhập của bạn). Khi nào dùng: Đăng ký 5 tài khoản / thay đổi DNS / cấu hình Search Console / thao tác bất kỳ ứng dụng nào không có dòng lệnh.
▸ Gọi dịch vụ MCP: (Có sẵn cho Supabase / GitHub / Stripe, v.v.) Trực tiếp gọi API + cấu hình dịch vụ bên ngoài. Khi nào dùng: Cấu hình schema database / tạo repository / thiết lập thanh toán.
Stack này là gì?
Sự kết hợp của 5 công cụ, 1 trả phí + 4 miễn phí:
- Codex — Bộ ba Driver chính + Computer Use + MCP → $20/tháng (đăng ký)
- Open Design — Tạo bản thiết kế (Mã nguồn mở, tương thích 9 CLI) → $0 (ưu tiên local)
- Supabase — Database + Đăng nhập + Lưu trữ file (có giao diện MCP) → $0 (Gói miễn phí 500MB DB / 50k MAU)
- Vercel — Deploy + Lưu trữ tên miền + CDN → $0 (Gói miễn phí 100GB băng thông/tháng)
- Replicate — API mô hình AI (khi cần) → Trả theo lượt $0.001-0.01/lần gọi
- Tên miền (Bắt buộc) — Bạn tự chọn → $10/năm (Namecheap)
→ Tổng chi phí cho năm đầu tiên khoảng $250 ($20×12 + $10 tên miền, không bao gồm API trả theo lượt).
Tại sao chọn Daily Word Categories làm bản demo?
Game chữ/số hướng thị trường Mỹ là đại dương xanh năm 2026. 3 điểm dữ liệu (công khai):
- sudoku.com: 12,69 triệu lượt tìm kiếm tự nhiên hàng tháng (SimilarWeb tháng 4/2026), vẫn đang tăng trưởng.
- NYT Games: Theo The New York Times, hơn 10 triệu người dùng hoạt động hàng ngày.
- Các từ khóa dài như "Connections hints today" có lượng tìm kiếm hàng ngày khổng lồ (dựa trên Google Keyword Planner).
Tại sao Daily Word Categories hoàn hảo cho việc xây dựng bằng AI:
- AI tạo vô hạn cấp độ trực tiếp — 16 từ + 4 chủ đề hàng ngày, được Codex tạo chỉ trong một câu.
- Người mới hiểu luật trong 5 giây — Giao diện tối giản, không có trạng thái phức tạp.
- Lộ trình kiếm tiền rõ ràng — AdSense (lưu lượng cao) + Affiliate (quảng bá công cụ tương tự) + Gói cao cấp (gợi ý hàng ngày).
- Lỗ hổng thông tin tồn tại — Hầu hết developer Hoa ngữ không làm game chữ US, vì vậy cạnh tranh thấp.
Open Design là gì? Tại sao bạn phải cài đặt nó
Open Design là một giải pháp thay thế Claude Design được mã nguồn mở bởi nhóm nexu-io của @tuturetom (GitHub: github.com/nexu-io/open-design).
3 tính năng cốt lõi:
- Ưu tiên Local: Được cài đặt trên máy tính của bạn, không tải dữ liệu lên.
- BYOK (Mang khóa của bạn): Kiểm soát chi phí.
- 19 Kỹ năng + 71 Hệ thống thiết kế đẳng cấp thương hiệu: Bao gồm Thương mại điện tử / SaaS / Game / Trang web cá nhân.
- 9 CLI Phổ quát: Tương thích với Codex / Claude Code / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi.
Nó giải quyết điểm yếu lớn nhất của trường phái vibe coding — Thiết kế UI.
Cách thao tác cụ thể?
Thực hiện trong 5 bước. Mỗi bước làm rõ "Bạn làm gì / Codex làm gì cho bạn" — phần của bạn chỉ là giọng nói/văn bản.
1. Codex đăng ký 5 tài khoản cho bạn (15 phút)
Bạn chỉ làm 3 việc: Bảo Codex "giúp tôi đăng ký 5 tài khoản" → Xem màn hình + nhập email/mật khẩu/mã xác minh → Nhấp "Cho phép" trong quá trình ủy quyền OAuth.
Codex làm cho bạn: Sử dụng Computer Use để mở trình duyệt → Mở các trang đăng ký lần lượt → Tự động điền biểu mẫu + xử lý chuyển hướng OAuth + ghi lại thông tin tài khoản → Hướng dẫn bạn xác nhận + chuyển sang trang tiếp theo.
Gửi nội dung này cho Codex:
"Sử dụng Computer Use để giúp tôi đăng ký theo thứ tự: GitHub / Vercel / Supabase / Namecheap / Replicate. Ưu tiên đăng nhập qua GitHub OAuth (Vercel / Supabase hỗ trợ). Tôi sẽ nhập email và mật khẩu, bạn chạy quy trình + cuối cùng tổng hợp thông tin 5 tài khoản thành một danh sách."
Codex tự động mở Chrome (extension Chrome được khuyến nghị để ổn định với phiên có sẵn) và xử lý từng trang web. Bạn chỉ cần xem màn hình, nhập thông tin cá nhân và nhấp Cho phép.
2. Codex cài đặt Open Design + toàn bộ toolchain (10 phút)
Bạn chỉ làm 2 việc: Gửi một prompt → Nhấn 'y' để đồng ý với từng bước.
Codex làm cho bạn: Kiểm tra môi trường local → Cài đặt những gì còn thiếu → Cài đặt Open Design → Khởi động nó → Chạy tất cả lệnh + hiển thị tiến trình + cho bạn biết địa chỉ truy cập khi hoàn tất.
Gửi:
"Đi tới github.com/nexu-io/open-design và cài đặt Open Design vào ~/Tools/open-design. Người dùng Mac ưu tiên ứng dụng đã ký chính thức. Cài đặt Supabase CLI + Vercel CLI. Cho tôi biết địa chỉ Open Design local + phiên bản của 3 công cụ để xác nhận cài đặt."
Codex chạy tự động:
1# Các lệnh này do Codex chạy, bạn chỉ cần xem2git clone https://github.com/nexu-io/open-design ~/Tools/open-design3cd ~/Tools/open-design && pnpm install && pnpm dev4npm install -g supabase5npm install -g vercel
Hoàn tất trong 3-8 phút, Codex cho bạn biết địa chỉ local của Open Design.
3. Codex thao tác Open Design để tạo bản thiết kế (5 phút)
Bạn chỉ làm 2 việc: Gửi một prompt mô tả trang game của bạn → Chọn 1 thiết kế bạn thích.
Codex làm cho bạn: Sử dụng Computer Use để mở giao diện Open Design → Nhập yêu cầu thiết kế → Chờ tạo → Trình bày 3 ứng viên → Lưu thiết kế đã chọn vào thư mục dự án.
Gửi:
"Sử dụng Computer Use để mở Open Design local. Tạo thiết kế cho trang game Daily Word Categories — giống NYT Connections, 16 từ tiếng Anh được chia thành 4 nhóm hàng ngày. Chủ đề tối, ưu tiên di động, phong cách tối giản như NYT Games. Đưa cho tôi 3 ứng viên để chọn."
Codex tự động thao tác giao diện Open Design + tạo hình ảnh.
4. Codex viết frontend + cấu hình database với Supabase MCP (15-20 phút)
Bạn chỉ làm 2 việc: Gửi một prompt mô tả chức năng → Chờ Codex hoàn tất.
Codex làm cho bạn: Viết React frontend + sử dụng Supabase MCP để trực tiếp cấu hình schema database + RLS + viết API → Tự động cấu hình cron jobs (bạn không cần mở dashboard Supabase).
Gửi:
"Chuyển đổi bản thiết kế thứ 2 thành một dự án Next.js. Sử dụng Supabase MCP để trực tiếp cấu hình 2 bảng: (1) puzzles (ngày + 16 từ + 4 danh mục) (2) user_progress (user_id + puzzle_date + solved_at). Cấu hình các quy tắc RLS cơ bản. Đặt một cron job lúc 6 giờ sáng hàng ngày để tạo cấp độ mới bằng GPT-5."
Codex tự động gọi Supabase MCP để trực tiếp cấu hình database (không cần mở SQL editor) + viết code frontend + thiết lập cron jobs.
Trong 7-15 phút, nó có thể chơi được trên localhost:3000.
5. Codex deploy lên Vercel + sử dụng Computer Use để thay đổi DNS trên Namecheap (15 phút)
Bạn chỉ làm 3 việc: Gửi prompt → Nhập mật khẩu đăng nhập Namecheap → Nhập mật khẩu Google Search Console.
Codex làm cho bạn: Chạy git push + vercel deploy qua CLI + đồng bộ biến môi trường → Sử dụng Computer Use để mở trình duyệt → Thao tác backend Namecheap để thay đổi DNS → Chuyển sang Google Search Console để gửi xác minh + sơ đồ trang web.
Gửi:
"Push lên một GitHub repo mới, deploy lên Vercel và tự động đồng bộ biến môi trường. Sử dụng Computer Use để đăng nhập vào Namecheap của tôi và thay đổi DNS cho dailywordcat.com thành các nameserver do Vercel cung cấp. Ngoài ra, thiết lập Google Search Console + gửi sitemap.xml."
Codex tự động:
- Phần CLI: git init + push + vercel deploy + đồng bộ env vars
- Phần Computer Use: Mở trình duyệt → Thao tác Namecheap để thay đổi DNS → Chuyển sang Google Search Console để xác minh + gửi sitemap
Trong suốt quá trình, bạn chỉ cần nhập mật khẩu Namecheap/Google khi được yêu cầu; Codex click mọi thứ khác cho bạn.
DNS phân giải hoàn tất trong 20-30 phút.
Tại thời điểm này, bạn có một trang web đang hoạt động.
3 Cạm bẫy Phổ biến Nhất
Cạm bẫy 1: Computer Use sẽ bị đình trệ ở Bước 1/3/5 nếu không được ủy quyền
Codex Computer Use sẽ bật lên một cửa sổ yêu cầu bạn nhấp "Cho phép" lần đầu tiên nó thao tác mỗi ứng dụng. Nếu bạn chưa từng sử dụng Computer Use của Codex App trước đây, bạn nên đi tới Cài đặt → Quyền riêng tư → Trợ năng / Ghi màn hình để ủy quyền cho Codex một lần để tránh bị kẹt 5 phút tìm kiếm các popup quyền. Extension Chrome là ổn định nhất cho các tác vụ Chrome.
Cạm bẫy 2: Supabase RLS (Bảo mật cấp hàng) không được cấu hình = database bị lộ
Codex cấu hình một phiên bản cơ bản của RLS qua MCP. Bạn phải kiểm tra xem các quy tắc RLS có hợp lý trước khi ra mắt hay không. Tôi sẽ giải thích chi tiết trong bài viết tiếp theo.
Cạm bẫy 3: Các tác vụ song song nền Chrome ≠ tất cả các tác vụ Computer Use đều có thể song song
Sau thông báo ngày 21/5 của OpenAI, các tác vụ Codex trong Chrome đã chạy nền song song + không chiếm dụng trình duyệt — Đăng ký tài khoản Bước 1 / Thay đổi DNS Bước 5 là các tác vụ Chrome, vì vậy bạn có thể sử dụng máy tính để làm việc khác cùng lúc.
Nhưng: Khi Codex thao tác các ứng dụng gốc (Finder / Photoshop / bất kỳ ứng dụng nào không phải trình duyệt), nó vẫn tuần tự — vào những lúc này, đừng giật chuột / đừng cmd+tab đi đâu, hãy đợi nó hoàn thành bước đó. Các Bước 2-4 tương tác với Open Design local thỉnh thoảng sử dụng chế độ gốc; hãy ghi nhớ điều đó.
Loại trang web nào có thể xây dựng bằng phương pháp này?
4 đối tượng phù hợp:
Bạn muốn làm các trang game chữ/số hướng thị trường Mỹ (Lựa chọn đại dương xanh) → Các biến thể Wordle / Biến thể Connections / Sudoku / Ô chữ
Bạn muốn làm các trang trả lời câu đố hàng ngày (Thu thập lưu lượng từ khóa dài) → Các trang kiểu "Connections hints today" / "Wordle answer today"; người chơi Sudoku hàng đầu nhận được 12,69M lượt tìm kiếm tự nhiên hàng tháng.
Bạn muốn làm các trang công cụ xu hướng (kiểu "AI XX Generator") → Các trang landing cho các công cụ theo dõi các bản phát hành mô hình mới.
Bạn muốn làm một SaaS có đăng nhập và thanh toán → Supabase auth + Stripe + Vercel = Một trang web thương mại hoàn chỉnh.
Chi phí Hàng tháng so với Kỳ vọng Thu nhập
- Tháng 1: Chi phí hàng tháng $20-30 / Thu nhập $0-50 (Xây dựng + chờ Google lập chỉ mục)
- Tháng 3: Chi phí hàng tháng $30-50 / Thu nhập $50-300 (Lưu lượng trang đơn tăng)
- Tháng 6: Chi phí hàng tháng $50-100 / Thu nhập $500-1000+ (Tích lũy nhiều trang / AdSense + Affiliate)
Số liệu thu nhập là phạm vi phổ biến trong ngành; hãy tham khảo bảng điều khiển AdSense/Affiliate thực tế của bạn. Trần tham chiếu: sudoku.com nhận được 12,69 triệu lượt tìm kiếm tự nhiên cho một trang web.
Một Lời Cuối
Ra mắt một trang web trước đây cần 3 vai trò: Nhà thiết kế + Frontend + Backend. Hoặc một người học 3 bộ kỹ năng trong 3 tháng.
Bây giờ, 1 gói đăng ký Codex + Open Design mã nguồn mở = Tất cả 3 vai trò được bao phủ. $20/tháng chỉ hơn một ly cà phê Starbucks một chút.
Quan trọng hơn — Codex giờ đây có thể làm nhiều hơn là chỉ viết code; nó có thể sử dụng Computer Use để thao tác bất kỳ ứng dụng nào trên máy tính của bạn (không chỉ trình duyệt — Finder / Photoshop / bất kỳ GUI nào) + gọi MCP để cấu hình các dịch vụ backend. Hôm nay (21/5), OpenAI đã thêm một mánh khóe nữa: Các tác vụ Chrome chạy trong các tab nền song song mà không chiếm dụng trình duyệt của bạn. Người mới thực sự làm 0 công việc thủ công + 0 chờ đợi: Bạn chỉ sử dụng giọng nói + xem màn hình + nhấn 'y', và dành thời gian còn lại để lướt Twitter hoặc họp hành.
Các trang game chữ/số hướng thị trường Mỹ vẫn là một đại dương xanh — sudoku.com với 12,69 triệu lượt tìm kiếm vẫn đang tăng trưởng, và hầu hết các developer Hoa ngữ vẫn chưa tham gia. Lỗ hổng thông tin là tiền.
Hãy chọn một ngày để chạy qua 5 bước này. Một khi bạn đã làm thành công một lần, việc ra mắt một trang web mới sẽ là một công việc 30 phút. Nó sẽ không ảnh hưởng đến kế hoạch cuối tuần của bạn.
