Hướng dẫn deploy project của bạn lên Vercel

Hướng dẫn deploy project của bạn lên Vercel

Bạn muốn deploy (triển khai) các dự án của bạn lên môi trường internet nhưng chưa biết cách, có thể đây là bài viết hữu ích dành cho bạn. Bài viết này mình sẽ hướng dẫn bạn cách triển khai dự án lên nền tảng Vercel.

I. Vercel là gì ?

banner vercel

1. Giới thiệu

Vercel là một nền tảng đám mây được thiết kế để hỗ trợ việc triển khai và quản lý ứng dụng web một cách dễ dàng. Nó cung cấp một loạt các công cụ và dịch vụ để giúp các nhà phát triển xây dựng, triển khai và quản lý các ứng dụng web mà không cần phải lo lắng nhiều về cấu hình hạ tầng.

2. Tính năng của Vercel

tính năng vercel

⚡️ Dưới đây là một số đặc điểm chính của Vercel:

  • Triển khai nhanh: Vercel cung cấp một quy trình triển khai đơn giản, cho phép bạn triển khai ứng dụng của mình chỉ trong vài bước.

  • Tích hợp Github: Bạn có thể liên kết dự án của mình trực tiếp với kho lưu trữ Github và tự động triển khai mỗi khi có thay đổi được đẩy lên kho lưu trữ.

  • Hỗ trợ nhiều loại ứng dụng: Vercel không chỉ hỗ trợ các ứng dụng web tĩnh, mà còn hỗ trợ các ứng dụng web động và các framework phổ biến như NextJS, React, Angular, Vue, và nhiều ngôn ngữ khác.

  • Quản lý DNS và tên miền: Vercel cung cấp dịch vụ quản lý DNS, cho phép bạn dễ dàng quản lý tên miền của mình trực tiếp từ giao diện của họ.

  • Phân phối toàn cầu: Với việc sử dụng mạng lưới CDN (Content Delivery Network), Vercel giúp cải thiện hiệu suất và tăng tốc độ tải trang cho người dùng trên khắp thế giới.

  • Hỗ trợ API và serverless functions: Nền tảng này cũng hỗ trợ việc triển khai các dịch vụ API và serverless functions, giúp bạn xây dựng các ứng dụng phức tạp hơn.

Và còn nhiều tính năng khác, bạn có thể tham khảo thêm tại Vercel.

3. Chi phí hosting

Vercel có 3 gói gồm: Hobby, Pro, Enterprise. Đối với những project cơ bản thì chúng ta chỉ cần gói Hobby là quá đủ để sử dụng.

gói vercel

Dưới đây là một số thông số khi sử dụng gói Hobby (Các thông số sẽ được reset/làm mới mỗi tháng)

gói vercel

Xem chi tiết các gọi tại Vercel Pricing

II. Hướng dẫn deploy project

1. Điều kiện tiên quyết

Để deploy project của bạn lên Vercel, bạn cần có:

  • Một tài khoản Github

  • Một tài khoản Vercel

  • Một repository và đã upload project lên github (repo ở chế độ public hoặc private đều được).

2. Liên kết Github với Vercel

Chưa có tài khoản Vercel

Nếu bạn chưa có tài khoản Vercel, bạn có thể tạo theo các bước bên dưới:

Bước 1: Truy cập vào trang đăng ký Vercel để tạo tài khoản -> chọn gói Hobby -> điền username -> ấn continue

tạo tài khoản vercel

Bước 2: Xác nhận mã OTP bằng cách nhập vùng (Việt Nam) -> điền số điện thoại của bạn -> kiểm tra mã OTP được gửi đến điện thoại -> điền mã OTP

xác nhận otp

Bước 3: Kết nối đến Github

kết nối github

Đã có tài khoản Vercel

Nếu đã có tài khoản Vercel, bạn tiến hành đăng nhập bằng tài khoản Github

đăng nhập vercel

Cài đặt Vercel vào tài khoản Github của bạn bằng cách chọn Install

cài vercel vào github

Một popup hiện ra -> nhấn vào Install

cài đặt vercel

Cài đặt thành công, quay trở lại trang chủ admin vercel của bạn

cài đặt vercel thành công

3. Deploy Vercel

Bước 1: Sau khi tải Vercel về Github của bạn, nó sẽ quét tất cả các project mà bạn có (bao gồm repo public hoặc private), bạn chỉ cần ấn import project mà bạn cần deploy.

import project

Bước 2: Cấu hình project

Bạn có thể đặt tên project, framework mà bạn sử dụng, các biến môi trường (env)... sau đó ấn deploy

cấu hình project

Bạn đã deploy thành công project lên Vercel

deploy thành công

Quay trở lại trang admin, bạn có thể thấy được URL project của bạn, ngoài ra truy cập vào cài đặt (settings) hoặc các mục khác trên thanh navigation để tìm hiểu các tính năng khác.

trang admin project vercel

III. Tổng kết

Hy vọng các thông tin trên giúp bạn hiểu rõ về Vercel cũng như cách deploy project của bạn lên môi trường internet. Cảm ơn bạn đã đọc bài viết này ❤️

Tham khảo thêm các nền tảng deploy khác như: