Vibe Coding
Vibe Code xong, đưa web app lên Internet miễn phí thế nào?
Một lối đi cho các bạn non-tech: ReactJS + Supabase + GitHub + Vercel, tận dụng Coding Agent để deploy dễ hơn và hiểu đúng phạm vi vận hành miễn phí.
02/10/2026 · 5 phút đọc · Lê Huy Thái
Các bạn non-tech học Vibe Code web app xong không biết đưa website lên Internet kiểu gì, hoặc muốn tìm cách vận hành miễn phí thì đọc thử post này nhé.
Dạo này mình lượn các group về Vibe Code thấy các bạn dùng Coding Agent gặp rất nhiều 2 vấn đề sau:
- Vibe Code ở máy (dùng Anti, Cursor, Claude, ...) xong không biết đưa lên Internet kiểu gì.
- Vibe Code online (Base44, Lovable, Bolt.new, ...) triển khai xong thấy chi phí vận hành hàng tháng lớn quá hoặc cần cắm thẻ mất tiền ⇒ muốn tìm lối đi miễn phí.
Thì post này mình sẽ chia sẻ cách chọn lối đi để vừa đưa lên Internet dễ (deploy dễ), vừa có thể vận hành 0 đồng trong phạm vi gói miễn phí nhé ạ.
Đầu tiên phải hiểu được là mỗi công nghệ sẽ có một cách triển khai khác nhau. Nhiều nền tảng dùng những thứ riêng của họ, khiến mình phụ thuộc vào hệ thống đó — làm xong mang đi cũng khổ. Nhưng nếu biết cách lựa chọn và tận dụng khả năng tự động của Coding Agent thì có thể vừa dễ vừa free.
Quy trình các bạn làm như sau. Dùng phần mềm Coding Agent như Anti, Claude, Cursor, ... thì càng tốt.
- 01Lựa chọn công nghệ ReactJS & Supabase
ReactJS là thư viện làm giao diện web. Supabase là bên cung cấp sẵn database, đăng nhập và lưu file, có gói miễn phí để bắt đầu với ứng dụng nhỏ.
Nếu dùng dịch vụ dữ liệu tích hợp riêng của một nền tảng Vibe Code, bạn có thể phải phụ thuộc vào cách lưu trữ và gói trả phí của nền tảng đó. Còn lựa chọn Supabase thì dữ liệu nằm ở một dịch vụ riêng, có thể kết nối với nhiều website và dễ chủ động hơn khi muốn đổi công cụ làm giao diện. Mình vẫn dùng dịch vụ của Supabase, chứ không phải hết mọi phụ thuộc nhé.
Lưu ý là Supabase phải đăng ký và tạo dự án. Nhưng hãy tận dụng trình duyệt hoặc Supabase MCP nếu Agent của bạn hỗ trợ: bạn đăng nhập, rồi bảo Agent mở website lên mà hướng dẫn hoặc thao tác hộ mình.
- 02Vibe Code như bình thường
Sau bước 1, bạn bảo Agent hướng dẫn chạy dự án lên, xem và Vibe Code như bình thường bạn vẫn làm.
Khi tính năng ổn rồi, bảo Agent kiểm tra bản build và cấu hình Supabase trước khi đưa lên Internet. Đừng chỉ thấy chạy ở máy mình là nghĩ đã xong hết nhé.
- 03Đưa code lên GitHub và deploy lên Vercel
Vẻ đẹp của combo này là với những tính năng Supabase đã đáp ứng được, bạn không cần tự thuê và vận hành một server backend riêng. Nếu không hiểu cụm từ này bạn cứ bỏ qua, đại loại là phần giao diện và dữ liệu không bị gắn chặt vào nền tảng Vibe Code ban đầu.
Hãy tạo tài khoản GitHub và Vercel, sau đó bảo Agent:
Bật browser, hướng dẫn đưa code lên GitHub rồi deploy lên Vercel cho tao. Dùng gói Hobby, cấu hình Supabase và kiểm tra website chạy được trên Internet.
Bạn không cần hiểu hết Git và Vercel mới bắt đầu được. Agent có thể làm phần lớn các bước, còn đăng nhập, xác nhận tài khoản hoặc cấp quyền thì bạn phối hợp khi cần. Chỗ nào chưa hiểu cứ bảo nó giải thích.
Đầu ra là một web app có địa chỉ dạng
ten-du-an.vercel.appđể gửi cho người khác dùng. Bạn không cần mua tên miền riêng để có địa chỉ này.
Vercel Hobby dành cho dự án cá nhân, phi thương mại và có giới hạn sử dụng. Web phục vụ kinh doanh thì phải chọn gói hoặc nơi triển khai phù hợp.
Supabase Free có hạn mức database, lưu file và lưu lượng. Dự án ít hoạt động trong 7 ngày có thể bị tạm dừng, nên không phải cam kết chạy liên tục miễn phí mãi mãi.
0 đồng ở đây là chi phí hosting và dữ liệu khi dùng đúng các gói miễn phí, trong hạn mức. Phí Coding Agent, API AI, dịch vụ ngoài hoặc tên miền tự mua là chuyện riêng.
Bước 3 có thể rất lằng nhằng nếu công nghệ và nơi triển khai không hợp nhau. Nhưng nếu chọn đúng nền văn minh thì bạn chỉ cần nói rõ yêu cầu, Agent nó hiểu và có thể làm phần lớn cho bạn ngay.