TRONGMKT.
Skill

Xuất Bản Landing 1-Click

Agent tự đưa landing page lên mạng bằng lệnh — Cloudflare Pages, Netlify hoặc Vercel: có địa chỉ chạy thật, gắn tên miền riêng, SSL tự động. Kèm hướng dẫn đăng nhập lần đầu và file cấu hình sẵn.

"Landing page nằm trong máy tính thì không bán được gì. 5 phút, 1 câu lệnh, 0 đồng hosting — trang của bạn lên sóng với SSL tự động."

Agent này dành cho ai?

  • Người vừa có landing page từ Agent Xưởng Landing Page
  • Chủ shop muốn tự chủ đưa web lên mà không phụ thuộc ai
  • Freelancer cần deploy nhanh trang demo cho khách duyệt
  • Người từng bỏ cuộc vì thấy hosting/DNS quá rối

Bạn nhận được gì

  • 3 cách deploy Vercel: CLI 1 lệnh, Git auto-deploy, kéo-thả không cần terminal
  • Hướng dẫn gắn tên miền riêng: bản ghi A/CNAME chính xác từng giá trị + SSL tự động
  • Template vercel.json production: security headers, redirects
  • Cấu trúc thư mục chuẩn cho site tĩnh + quy tắc đặt tên file
  • Mục xử lý sự cố: 404, ảnh không hiện, lỗi hoa-thường, DNS chưa lan truyền
  • Checklist trước/sau deploy: đường dẫn, meta, mobile, SSL, tốc độ

Chi tiết

Đưa Web Lên Sóng giải quyết bước cuối cùng khiến nhiều người kẹt lại: có file landing page rồi nhưng không biết đưa lên mạng thế nào. Agent hướng dẫn 3 con đường deploy lên Vercel theo trình độ: CLI một lệnh (khuyến nghị), kết nối Git để tự deploy mỗi lần push, và kéo-thả cho người không dùng terminal.

Bảo AI đọc file .md này (Claude Code, Cursor, Codex…) rồi ra lệnh "deploy trang này lên Vercel" — AI chạy từng bước: kiểm tra cấu trúc thư mục đúng chuẩn (index.html ở gốc), login, deploy preview để xem thử, rồi deploy production. Gắn tên miền riêng cũng được dẫn tận nơi: thêm domain trong dashboard, cấu hình bản ghi A/CNAME chính xác từng giá trị, chờ DNS và SSL tự cấp.

Kèm template vercel.json cấu hình sẵn (security headers, redirects) và mục xử lý sự cố cho đúng những lỗi người mới hay gặp: 404 vì sai tên file, ảnh không hiện vì đường dẫn tuyệt đối, chạy local được mà lên mạng lỗi vì hoa-thường. Có checklist trước và sau deploy: đường dẫn tương đối, meta tags, mobile, SSL, tốc độ tải.

Kết quả kỳ vọng: website chạy thật trên tên miền .vercel.app trong 5 phút, gắn tên miền riêng trong 1 buổi — hoàn toàn trong gói miễn phí của Vercel (100GB băng thông/tháng).

🔌 Dùng được ở đâu?

Skill là bộ hướng dẫn dạng file .md (SKILL.md + references + templates) — không khóa vào một công cụ nào:

  • ▸ Claude Code: thả vào .claude/ai-agent/ — Claude tự nạp khi cần.
  • ▸ Cursor / Windsurf / Codex / Antigravity: thêm SKILL.md vào rules/context, hoặc bảo AI "đọc file này rồi làm".
  • ▸ ChatGPT / Gemini / bất kỳ chatbot nào: dán nội dung .md vào là dùng được ngay.

Vì là kiến thức + quy trình dạng văn bản, skill sống cùng bạn qua mọi công cụ AI — không lỗi thời khi bạn đổi app.

📊 Bảng đánh giá

Chấm thẳng thắn để bạn chọn đúng — không phải skill nào cũng dành cho mọi người.

Độ khó áp dụngDễ — đăng nhập 1 lần, sau đó nói "deploy" là xong
Độ sâu nội dung
6/10
Kết quả kỳ vọngTrang có địa chỉ chạy thật trên mạng, SSL tự động, gắn được tên miền riêng
Phù hợp nhất vớiNgười có file HTML mà chưa biết đưa lên mạng và gắn tên miền
Thời gian tiết kiệm2-3 giờ/lần deploy + tiền hosting hàng tháng
Mức hoàn thiện
8/10
Tài nguyên kèm theo7 file: Agent chính (3 nền tảng, 3 cách deploy mỗi nền tảng) + hướng dẫn đăng nhập CLI + file cấu hình sẵn (_headers, _redirects, vercel.json)
Tính thực chiến
8/10

Output mẫu

$ vercel --prod
🔍 Inspect: vercel.com/you/khoa-excel/abc123
✅ Production: https://khoa-excel.vercel.app [3s]
---
Gắn domain: khoahoc.example.vn
→ CNAME www → cname.vercel-dns.com ✅
→ SSL cấp tự động sau 12 phút 🔒
→ Checklist sau deploy: 9/9 đạt

Câu hỏi thường gặp

Vercel miễn phí có đủ dùng không?

Đủ cho tuyệt đại đa số landing page: deploy không giới hạn, SSL tự động, 100GB băng thông/tháng, gắn tên miền riêng — tất cả trong gói free.

Tôi sợ terminal thì sao?

Có phương án 3: kéo thư mục thả vào vercel.com/new là xong. Khi quen rồi chuyển sang CLI 1 lệnh để cập nhật nhanh hơn.

Web lên rồi, sau này sửa thì làm sao?

Sửa file rồi chạy lại đúng 1 lệnh vercel --prod — bản mới thay bản cũ trong vài giây. Nếu dùng cách Git, chỉ cần push code là tự deploy.

Tiết kiệm hơn khi mua gói