Giới thiệu

Bạn đã tạo xong landing page và push lên GitHub. Giờ chỉ cần 1 bước để đưa nó lên internet: Import GitHub repository vào Vercel — click buttons, không cần terminal.

Chuẩn Bị

Bạn cần có:

Tạo Project Vercel & Import Từ GitHub

Bước 1: Truy cập Vercel Dashboard

  1. Truy cập https://vercel.com/dashboard
  2. Đăng nhập bằng GitHub account

Bước 2: Tạo Project Mới

  1. Click “Add New…” → “Project”
  2. Import Git Repository:
    • Vercel sẽ yêu cầu quyền truy cập GitHub
    • Click “Install GitHub App” nếu chưa cài
    • Chọn repository landing-page từ danh sách
  3. Cấu hình project:
    • Framework Preset: “Other” (hoặc để trống)
    • Root Directory: ”./” (thư mục gốc chứa index.html)
    • Build Command: để trống (không cần)
    • Output Directory: ”./” (phục vụ file HTML trực tiếp)
  4. Click “Deploy”
Chờ 30-60 giây… Vercel build & deploy website của bạn.

Bước 3: Lấy URL & Chia Sẻ

Sau khi deploy thành công, Vercel gán URL:
https://landing-page.vercel.app

Cách lấy URL:

  1. Trên Vercel Dashboard, tìm project landing-page
  2. URL nằm ở đầu trang project (phía trên)
  3. Click icon copy hoặc click vào URL để mở

📋 Quy Trình Tóm Tắt

1️⃣ Push code lên GitHub (GitHub Desktop)

2️⃣ Tạo project Vercel mới

3️⃣ Import GitHub repository (click)

4️⃣ Click "Deploy" → Lấy URL! 🎉
Tổng thời gian: 2-3 phút

🔄 Cập Nhật Website

Khi bạn muốn sửa landing page:
  1. Sửa file index.html (dùng Claude Code)
  2. Commit & Push lên GitHub (GitHub Desktop)
  3. Vercel tự động deploy (30-60 giây)
Không cần làm gì thêm — auto-deploy!

❓ FAQ

Q: Deploy tốn tiền không?
A: KHÔNG! Vercel miễn phí cho static sites.
Q: Thay đổi cập nhật bao lâu?
A: 30-60 giây sau khi push, Vercel tự deploy.
Q: Code của tôi công khai không?
A: CÓ! Repository public = mọi người thấy. Dùng Private nếu muốn ẩn.
Q: Có thể dùng domain riêng không?
A: CÓ! Mua domain, sau đó cài đặt trong Vercel Dashboard → Settings → Domains.
Q: Nếu deploy thất bại?
A: Kiểm tra lại file index.html có tồn tại ở thư mục gốc không. Vercel cần file index.html ở root.

🚀 Hoàn Thành!

Website của bạn giờ sống trên internet! ✨ Bạn có thể:
  • Chia sẻ URL trên mạng xã hội
  • Dùng trên CV/portfolio
  • Tiếp tục sửa & cập nhật (auto-deploy)
Thế là xong! 🎉