Tạo tài khoản Vercel
Bước 1: Truy cập trang đăng ký
Truy cập vercel.com và nhấp Sign Up.Bước 2: Chọn phương thức đăng nhập
Chọn Continue with GitHub để đăng nhập bằng tài khoản GitHub của bạn. Đây là cách nhanh nhất và cho phép Vercel tự động truy cập repository của bạn.Bước 3: Cấp quyền cho Vercel
- Nếu chưa đăng nhập GitHub, hệ thống sẽ yêu cầu bạn Authorize Vercel:
- Nhấp Authorize Vercel để cho phép Vercel truy cập tài khoản GitHub của bạn.
- Vercel sẽ yêu cầu quyền truy cập repo. Bạn có thể chọn:
- All repositories: Vercel có quyền truy cập tất cả repo (khuyến nghị nếu bạn có nhiều dự án Vercel).
- Only select repositories: Chỉ cấp quyền cho một số repo cụ thể.
Bước 4: Hoàn tất đăng ký
Sau khi cấp quyền, bạn sẽ được chuyển hướng về trang Vercel Dashboard.Kết nối Repository để tạo Project mới
Bước 1: Tạo Project mới
Từ Vercel Dashboard, nhấp Add New… → Project.Bước 2: Chọn Repository
- Vercel sẽ hiển thị danh sách repository GitHub của bạn.
- Tìm và chọn repository chứa landing page của bạn (ví dụ:
username/landing-page). - Nhấp Import bên cạnh repository đó.
Bước 3: Cấu hình Project
Trang Configure Project hiển thị các tuỳ chọn:| Tuỳ chọn | Mô tả |
|---|---|
| Framework Preset | Vercel tự động nhận diện framework (Next.js, HTML,…). Nếu là landing page HTML thuần, chọn Other |
| Root Directory | Thư mục gốc của project (thường để mặc định .) |
| Build Command | Lệnh build project (ví dụ: npm run build hoặc để trống với HTML) |
| Output Directory | Thư mục chứa file sau build (ví dụ: dist hoặc public) |
| Environment Variables | Biến môi trường nếu cần (thường không cần cho landing page đơn giản) |
Bước 4: Deploy
- Sau khi cấu hình xong, nhấp Deploy.
- Vercel sẽ tự động clone repo, chạy build và triển khai.
- Khi hoàn tất, bạn sẽ thấy URL project dạng:
https://your-project.vercel.app.
Quản lý sau khi triển khai
- Custom Domain: Vào Settings → Domains để thêm domain tùy chỉnh (ví dụ:
yoursite.com). - Auto-Deploy: Mỗi khi bạn push code lên nhánh
main(hoặc nhánh được chỉ định), Vercel sẽ tự động build và deploy lại. - Preview Deployments: Mỗi Pull Request sẽ tạo một URL preview riêng để bạn xem trước thay đổi.