Vibe Coding: Deploy Next.js Viết Bằng Cursor Lên VPS Hostinger Đơn Giản Với PM2 & Nginx

TL;DR: Nếu bạn là một Vibe Coder sử dụng Cursor/Claude để build app Next.js, bạn chắc chắn đã từng deploy lên Vercel. Nhưng Vercel giới hạn Serverless Function timeout chỉ từ 10 - 15 giây. Khi bạn gọi API để stream nội dung AI từ OpenAI hoặc Claude, API thường bị ngắt giữa chừng. Hãy deploy lên VPS Hostinger để giải quyết triệt để vấn đề này.

Nếu bạn là một Vibe Coder – những người đang xây dựng sản phẩm cực nhanh bằng cách "chuyện trò" với Cursor, Claude hay GPT-4o, chắc chắn bạn đã từng deploy sản phẩm của mình lên Vercel. Vercel rất tuyệt vời cho đến khi ứng dụng của bạn liên quan đến AI và Long-running API Routes.

Nỗi đau của Vibe Coder trên Vercel:

• Serverless Function Timeout: Gói Free của Vercel giới hạn thời gian chạy API tối đa là 10 giây (Pro là 15 giây). Khi bạn gọi API để stream nội dung AI từ OpenAI hoặc Claude với các prompt phức tạp (như viết blog dài, phân tích tài liệu), API thường xuyên bị đứt gãy giữa chừng vì vượt quá thời gian phản hồi.
• Chi phí băng thông: Một khi ứng dụng của bạn bắt đầu có người dùng thực tế, chi phí băng thông vượt mức (bandwidth overage) của Vercel có thể làm bạn tốn kém rất nhiều.

Giải pháp: Tự chạy app Next.js trên một server VPS độc lập. Và VPS Hostinger chính là "bãi đáp" lý tưởng nhất về mặt chi phí và hiệu năng. Không giới hạn thời gian phản hồi API, 8GB RAM thoải mái xử lý hàng nghìn người dùng cùng lúc.

Bài viết này sẽ hướng dẫn bạn cách deploy app Next.js lên VPS Hostinger bằng PM2 và Nginx một cách đơn giản nhất.

Các Bước Chuẩn Bị Trên VPS Hostinger

Đầu tiên, bạn cần đăng ký một gói VPS tại Link Đối Tác Hostinger (gói KVM 1 hoặc KVM 2 là quá đủ để chạy app Next.js mượt mà). Hãy chọn hệ điều hành Ubuntu 22.04 LTS.

SSH vào VPS của bạn và bắt đầu cài đặt môi trường:

Bước 1: Cài đặt Node.js (phiên bản mới nhất)

Chúng ta sẽ cài đặt Node.js thông qua NodeSource để đảm bảo tương thích tốt nhất:

# Tải và chạy script cấu hình NodeSource cho Node.js v20
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
sudo apt-get install -y nodejs

# Kiểm tra phiên bản node và npm
node -v
npm -v

Bước 2: Clone dự án từ GitHub và build ứng dụng

Di chuyển vào thư mục /var/www/ (nơi thích hợp để chứa code web):

sudo mkdir -p /var/www && cd /var/www

# Clone dự án từ Github của bạn
git clone https://github.com/username/ten-du-an.git
cd ten-du-an

# Tạo file .env và điền các API Key của bạn (OpenAI, Database link...)
nano .env.local

# Cài đặt dependency và build dự án Next.js
npm install
npm run build

Chạy Ứng Dụng 24/7 Với PM2

Nếu bạn chỉ chạy lệnh npm run start, ứng dụng sẽ dừng lại ngay khi bạn tắt cửa sổ Terminal. Để Next.js luôn chạy ngầm ổn định, chúng ta sử dụng PM2 (Process Manager).

1. Cài đặt PM2 toàn hệ thống:

sudo npm install -g pm2

2. Khởi động dự án Next.js với PM2:

pm2 start npm --name "my-nextjs-app" -- start

# Lưu trạng thái để tự động khởi động lại app khi VPS reboot
pm2 save
pm2 startup

Gõ pm2 status để theo dõi trạng thái ứng dụng.

Cấu Hình Nginx Làm Reverse Proxy & Cấp SSL

Next.js mặc định chạy ở port 3000. Chúng ta sẽ dùng Nginx để chuyển hướng traffic từ cổng 80 (HTTP) và 443 (HTTPS) vào port 3000 của ứng dụng.

1. Cài đặt Nginx:

sudo apt install nginx -y

2. Tạo cấu hình ảo cho Nginx:

sudo nano /etc/nginx/sites-available/my-nextjs-app

Dán cấu hình sau vào (thay yourdomain.com bằng tên miền của bạn):

server {
    listen 80;
    server_name yourdomain.com www.yourdomain.com;

    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

3. Kích hoạt cấu hình và restart Nginx:

sudo ln -s /etc/nginx/sites-available/my-nextjs-app /etc/nginx/sites-enabled/
sudo nginx -t
sudo systemctl restart nginx

4. Cấp chứng chỉ SSL Let's Encrypt miễn phí bằng Certbot:

sudo apt install certbot python3-certbot-nginx -y
sudo certbot --nginx -d yourdomain.com -d www.yourdomain.com

Chọn option 2 để tự động chuyển hướng mọi traffic từ HTTP sang HTTPS bảo mật.

Kết Luận & Quy Trình Tự Động Hóa (CI/CD)

Bây giờ, bạn đã có một ứng dụng Next.js chạy cực kỳ ổn định trên VPS Hostinger. Mọi API gọi AI có chạy mất vài phút cũng không bao giờ lo bị timeout như trên Vercel nữa!

Chúc bạn build được nhiều sản phẩm AI chất lượng! Đừng quên đăng ký VPS Hostinger qua Link Đối Tác Hostinger (Mã giảm giá thêm 7%: HOSTING7) để nhận ưu đãi tốt nhất nhé!