Series Chinh phục Vercel | Bài 1: Vercel là gì? Tư duy "Edge Network" và Web hiện đại
Hãy tưởng tượng hệ thống AFC của bạn có một trang Web dành cho hành khách kiểm tra lịch trình tàu hoặc nạp tiền vào thẻ. Nếu dùng Heroku, bạn phải thuê 1 "con máy ảo" chạy 24/7. Nếu 100.000 người vào cùng lúc, server của bạn "ngất" ngay.
Vercel làm việc khác hẳn: Nó không có server chạy thường trực. Code của bạn được đẩy lên Edge Network (mạng lưới máy chủ phân tán toàn cầu). Khi có khách hàng truy cập, Vercel sẽ tự động chạy code tại trung tâm dữ liệu gần người dùng nhất (ví dụ: ở Sài Gòn hoặc Hà Nội). Khách xong việc, Vercel "tắt điện". Bạn không cần quản lý CPU, RAM, hay lo server bị crash.
1. Ba khái niệm "định hình" Vercel
Để bắt đầu, Hiếu cần làm quen với bộ ba công nghệ này:
A. Static Site Generation (SSG) - "Tải như chớp"
Vercel được tối ưu hóa để làm việc với các framework như Next.js. Nó build sẵn các trang web thành file HTML tĩnh và đẩy lên mạng lưới CDN toàn cầu. Khi khách hàng nhấn vào, nội dung xuất hiện gần như tức thì, không cần gọi API đợi Database xử lý (vì nó đã là file tĩnh).
B. Serverless Functions - "Code theo yêu cầu"
Đôi khi bạn vẫn cần logic Backend (ví dụ: xử lý thanh toán, validate mã thẻ). Vercel cho phép bạn viết các file .js hoặc .ts nằm trong thư mục /api.
- Khi có request, Vercel mới "gọi" hàm đó lên.
- Xong việc, nó tự giải phóng.
- Bạn trả tiền theo số lần request, chứ không phải theo thời gian server chạy.
C. The Edge Network - "Phủ sóng toàn cầu"
Nếu Heroku là một tòa nhà văn phòng, thì Vercel là một mạng lưới các trạm thu phát sóng. Code của bạn được nhân bản ra hàng ngàn server trên thế giới. Dù hành khách của bạn ở đâu, họ cũng luôn truy cập vào máy chủ gần nhất.
2. Quy trình "thần tốc" của Vercel (Git-based Deployment)
Vercel không cần CLI phức tạp như Heroku. Quy trình "chuẩn chỉ" của một kỹ sư Vercel thường là:
- Đẩy code lên GitHub/GitLab/Bitbucket.
- Kết nối Repo với Vercel.
- Mỗi khi bạn
git push, Vercel tự động nhận diện, build, và deploy.
3. Tại sao chọn Vercel cho dự án Metro/AFC?
- Tự động hóa hoàn toàn: Bạn chỉ cần quan tâm đến code, Vercel tự lo về chứng chỉ SSL, HTTP/3, tối ưu tốc độ load ảnh (Image Optimization).
- Preview Deployments: Đây là thứ "xịn" nhất. Mỗi khi bạn tạo Pull Request, Vercel tự tạo một đường link demo riêng cho nhánh đó để đồng nghiệp test. Không cần làm thủ công như Heroku.
- Security: Vercel tích hợp sẵn các lớp bảo mật Edge, chặn DDoS ngay tại biên mạng, rất an toàn cho các cổng thông tin công cộng.
Thực hành nhanh: "Hello World" trên Vercel
- Đăng ký tài khoản tại vercel.com (Kết nối thẳng với GitHub/Bitbucket).
- Tạo một folder dự án:
mkdir afc-web-test && cd afc-web-test
npm init -y
mkdir api
- Tạo file api/hello.js:
export default function handler(req, res) {
res.status(200).json({ message: 'Chào Hiếu, hệ thống AFC đã sẵn sàng!' });
}
- Đẩy code lên Bitbucket/GitHub.
- Vào Vercel Dashboard -> Add New -> Project -> Chọn Repo của bạn -> Deploy.
Sau 30 giây, bạn sẽ có một API [https://afc-web-test.vercel.app/api/hello](https://afc-web-test.vercel.app/api/hello) chạy cực nhanh trên cloud.
All Rights Reserved
