Vercel

VPS / HostingNext.jsĐộ khó: DễCó bản miễn phí

Vercel

4.5/5Đánh giá của 2dm

Deploy Next.js dễ nhất; gói Hobby chỉ dùng phi thương mại.

Nền tảng deploy website và ứng dụng frontend, đặc biệt mạnh với Next.js: đẩy code lên Git là có bản chạy thật kèm link xem trước.

Mở trang chính thức Xem cách dùng

Giới thiệu

Vercel là nền tảng lưu trữ và triển khai dành cho website, ứng dụng frontend và các hàm xử lý phía server, do chính đội ngũ phát triển Next.js xây dựng. Bạn kết nối kho Git, mỗi lần đẩy code Vercel tự build, phát hành và tạo một đường link xem trước riêng cho từng thay đổi.

Vercel phù hợp nhất với landing page, website giới thiệu doanh nghiệp, blog, trang bán khóa học hay dashboard viết bằng Next.js hoặc các framework hiện đại khác. Nó không phải VPS: bạn không cài được Docker hay chạy n8n thường trực trên đó, nên các công cụ tự host vẫn cần một máy chủ riêng.

Vercel có vùng tính toán Singapore (mã sin1), nhưng hàm server mặc định chạy ở Washington (iad1). Nếu khách hàng và cơ sở dữ liệu của bạn ở châu Á, nên chủ động đổi vùng chạy hàm cho gần dữ liệu.

Tính năng nổi bật

Deploy từ Git

Mỗi lần push code là có bản build mới, nhánh phụ có link xem trước riêng để duyệt trước khi lên production.

Tối ưu cho Next.js

Hỗ trợ sẵn các tính năng như render phía server, API route và tối ưu ảnh mà gần như không cần cấu hình.

Mạng phân phối toàn cầu

Nội dung được phục vụ từ nhiều điểm gần người dùng, có vùng tính toán Singapore phù hợp khách Việt Nam.

Rollback nhanh

Có thể quay lại bản deploy trước chỉ với vài thao tác khi bản mới gặp lỗi.

CLI đầy đủ

Quản lý deploy, biến môi trường, domain và log ngay từ terminal hoặc trong pipeline CI.

Dùng để làm gì

Website giới thiệu công ty

Đội marketing sửa nội dung trên Git, Vercel tự build và cập nhật trang mà không cần quản trị máy chủ.

Landing page chạy quảng cáo

Tạo nhiều phiên bản trang trên các nhánh khác nhau, mỗi bản có link xem trước để duyệt nhanh.

Frontend cho ứng dụng AI

Giao diện chat hoặc form nhập liệu chạy trên Vercel, gọi sang API hoặc n8n đặt trên VPS riêng.

Dashboard nội bộ

Trang báo cáo viết bằng Next.js đọc dữ liệu từ cơ sở dữ liệu, có thể bật bảo vệ truy cập cho bản xem trước.

Cách dùng

1
Tạo tài khoản và kết nối Git
Đăng ký Vercel bằng GitHub, GitLab hoặc Bitbucket rồi chọn kho code muốn deploy.
2
Cài Vercel CLI (tùy chọn)
Dùng khi muốn deploy từ máy cá nhân hoặc CI thay vì chỉ qua Git.
$npm i -g vercel
3
Đăng nhập CLI
Xác thực tài khoản trên terminal; trong CI nên dùng biến môi trường VERCEL_TOKEN thay vì gõ tay.
$vercel login
4
Deploy bản xem trước
Chạy trong thư mục dự án để tạo bản preview, kiểm tra kỹ trước khi phát hành.
$vercel deploy
5
Phát hành production
Khi đã ổn, đẩy lên bản chính thức rồi gắn tên miền riêng trong phần Domains.
$vercel deploy --prod
6
Chọn vùng chạy hàm
Trong cài đặt Functions, đổi vùng sang Singapore (sin1) nếu dữ liệu và người dùng ở Đông Nam Á.

Video hướng dẫn

Deploy Next.js to Vercel, Production Ready 2025
AyyazTech

Ví dụ thực tế

Tình huống minh hoạ

Một công ty đào tạo nhỏ ở TP.HCM muốn làm lại website bán khóa học bằng Next.js. Lập trình viên đẩy code lên GitHub và kết nối với Vercel; mỗi khi sửa bài viết hay bảng giá, chủ doanh nghiệp nhận một link xem trước để duyệt trên điện thoại rồi mới bấm phát hành. Phần tự động hóa như gửi email chăm sóc học viên được đặt trên n8n chạy ở một VPS riêng, website chỉ gọi webhook sang đó.

Mẹo & lưu ý

Đọc kỹ điều khoản gói Hobby
Gói miễn phí dành cho mục đích cá nhân, phi thương mại; website kinh doanh nên dùng gói Pro để tránh vi phạm điều khoản.
Đặt hàm gần dữ liệu
Vùng mặc định là Mỹ, nếu database ở Singapore hãy chuyển hàm về sin1 để giảm độ trễ.
Theo dõi mức dùng
Gói Pro có hạn mức đi kèm và tính thêm theo mức dùng, nên kiểm tra mức dùng định kỳ (có thể xem bằng lệnh vercel usage).
Giữ bí mật trong biến môi trường
Lưu API key trong Environment Variables của dự án, không commit vào Git và không lộ ra phía trình duyệt.