Vibe Coding Tạo Web App Với Lovable: Từ Ý Tưởng Đến Sản Phẩm Bán Được

Lovable là nền tảng sinh web app full-stack từ mô tả bằng ngôn ngữ tự nhiên. Nó tạo ra ứng dụng React kèm backend Supabase — gồm cả đăng nhập, cấu trúc cơ sở dữ liệu và deploy — trong vài phút thay vì vài tuần. Điểm quan trọng với người muốn kinh doanh: Lovable có đồng bộ GitHub ở mọi gói, nghĩa là bạn không bị khoá trong nền tảng.

Nếu bạn đang phân vân giữa làm mobile app và web app, đây là bài dành cho nhánh web. Và có một dữ kiện quyết định bạn nên biết ngay: Lovable không làm mobile app — nó thuần web. Đó không phải nhược điểm, đó là lý do nó làm web app tốt đến vậy.

Web app khác mobile app ở đâu

Khác biệt lớn hơn nhiều người nghĩ, và nó quyết định cả cách bạn kiếm tiền.

Điểm mấu chốt về mô hình kinh doanh: app quảng cáo cần quy mô — hàng nghìn người dùng mỗi ngày mới ra tiền đáng kể. Web app bán sản phẩm số thì ngược lại: 100 khách trả 200.000đ cho bạn nhiều hơn app quảng cáo có 10.000 lượt tải ở thị trường Tier 3.

Đây là lý do với người mới, tôi thường khuyên bắt đầu từ web app: ra sản phẩm nhanh hơn, ít rào cản hơn, và con đường tới đồng tiền đầu tiên ngắn hơn.

Lovable là gì và làm được gì

Lovable sinh ra web app full-stack chứ không phải chỉ giao diện. Cụ thể nó dựng được:

• Giao diện React — trang, thành phần, bố cục responsive
• Backend Supabase — cơ sở dữ liệu, xác thực người dùng
• Đăng nhập — đăng ký, quên mật khẩu, phân quyền
• Deploy — có link chạy được ngay, không cần tự cấu hình server

Nói cách khác: những thứ trước đây cần một lập trình viên làm vài tuần thì giờ mô tả bằng tiếng Việt là có.

Lovable làm tốt nhất: landing page, bản thử sản phẩm, công cụ nội bộ, ứng dụng có cấu trúc rõ ràng — danh sách, biểu mẫu, quản lý dữ liệu.

Lovable làm kém hơn: phần mềm dịch vụ phức tạp với nhiều luồng nghiệp vụ chồng chéo. Với loại đó bạn vẫn cần người biết code tham gia.

Quy trình 6 bước từ mô tả đến link chạy được

Bước 1 — Viết mô tả trước khi mở công cụ. Đây là bước quyết định, giống hệt bên mobile. Cần rõ: sản phẩm giải quyết việc gì, ai dùng, có mấy màn hình, người dùng làm được ba việc gì. Chi tiết cách viết ở bài viết spec cho AI.

Bước 2 — Sinh bản đầu tiên. Mô tả tổng thể, để Lovable dựng khung. Đừng yêu cầu mọi tính năng trong một lần.

Bước 3 — Sửa từng phần. Mỗi lần một thay đổi nhỏ, xem kết quả rồi mới đi tiếp. Việc này vừa dễ kiểm soát vừa tiết kiệm credit — xem mục chi phí bên dưới.

Bước 4 — Thêm đăng nhập và cơ sở dữ liệu. Đây là chỗ Lovable mạnh: mô tả dữ liệu bạn cần lưu, nó dựng cấu trúc Supabase tương ứng.

Bước 5 — Nối GitHub. Làm sớm, đừng đợi. Lý do ở mục riêng bên dưới.

Bước 6 — Gắn domain và phát hành. Domain riêng cần gói trả phí. Trước khi công khai, mở thử trên điện thoại thật với mạng 4G.

Chi phí thật và cơ chế credit

Đây là phần nhiều người hiểu sai rồi bực, nên tôi nói kỹ.

Lovable tính theo credit, và credit tiêu không đều — phụ thuộc độ phức tạp của yêu cầu:

Các gói:

Ba điều cần biết về credit:

• Credit tháng được cộng dồn, credit ngày của gói miễn phí thì hết hạn mỗi đêm
• Bản miễn phí không có domain riêng — đủ để thử nghiệm ý tưởng, không đủ để phát hành thật
• Mỗi tin nhắn bạn gửi đều tiêu credit, kể cả khi kết quả không như ý

Mẹo tiết kiệm credit: viết mô tả kỹ ngay từ đầu. Một yêu cầu rõ ràng tiêu ít credit hơn năm lần sửa qua lại. Đây lại là lý do nữa để đầu tư vào khâu viết spec.

GitHub sync — tính năng quan trọng nhất

Tôi để riêng một mục cho việc này vì nó quan trọng hơn mọi tính năng hào nhoáng khác.

Lovable cho đồng bộ GitHub ở mọi gói, kể cả miễn phí. Nghĩa là code của bạn nằm trong kho GitHub của chính bạn — sửa được ở máy, đẩy ngược lại được, và nếu một ngày bạn muốn rời Lovable thì mang theo được toàn bộ.

Đây là điều kiện loại trừ khi chọn nền tảng làm sản phẩm kinh doanh. Nền tảng nào giữ code của bạn trong hệ thống đóng thì bạn đang xây nhà trên đất thuê — họ đổi giá, đổi chính sách, hoặc đóng cửa là bạn mất hết.

Việc cần làm: nối GitHub ngay từ ngày đầu, không đợi đến khi sản phẩm xong.

Bốn cách kiếm tiền từ web app

Đây là phần quyết định bạn có nên bỏ công làm hay không.

1. Bán sản phẩm số trực tiếp. Web app là nơi chứa và giao sản phẩm: tài liệu, mẫu, bộ công cụ, khoá học. Người mua trả một lần, nhận quyền truy cập. Đây là mô hình đơn giản nhất và phù hợp nhất với người mới.

2. Thuê bao hàng tháng. Công cụ giải quyết một việc cụ thể, thu phí định kỳ. Doanh thu ổn định hơn nhưng đòi hỏi sản phẩm phải đủ tốt để người ta gia hạn.

3. Bán dịch vụ có công cụ đi kèm. Bạn làm dịch vụ, web app là nơi khách theo dõi tiến độ, nộp thông tin, nhận kết quả. App không phải sản phẩm, nó là thứ làm dịch vụ của bạn khác biệt.

4. Nội dung trả phí. Thư viện nội dung, cộng đồng, khu vực chỉ dành cho thành viên.

So sánh nhanh với app quảng cáo: web app cần ít người dùng hơn rất nhiều nhưng mỗi người phải trả tiền. Nếu bạn giỏi tìm ra một nhóm khách chịu chi cho một vấn đề cụ thể, mô hình này ra tiền nhanh hơn nhiều so với làm app quảng cáo.

Lovable không làm được gì

Nói thẳng để bạn không mất thời gian:

• Không làm mobile app. Đây là nền tảng web. Muốn app trên Play Store thì hướng đi khác hẳn — xem Claude Code hay Antigravity.
• Không tối ưu cho hệ thống phức tạp. Phần mềm dịch vụ nhiều luồng nghiệp vụ sẽ chạm trần khá sớm.
• Không thay bạn quyết định sản phẩm. Làm cái gì, cho ai, khác đối thủ ở đâu — vẫn là việc của bạn.
• Không tự lo bảo mật. App có thanh toán hoặc lưu dữ liệu người dùng thì nên có người biết code kiểm tra trước khi công khai.

Khi nào nên làm web app thay vì mobile app

Không có lựa chọn nào tốt hơn tuyệt đối. Nhưng nếu đây là sản phẩm đầu tiên của bạn, web app cho bạn đi hết một vòng quy trình nhanh hơn — và bài học từ vòng đầu tiên quan trọng hơn sản phẩm đầu tiên.

Câu hỏi thường gặp

Lovable là gì?
Là nền tảng tạo web app full-stack từ mô tả bằng ngôn ngữ tự nhiên. Nó sinh ứng dụng React kèm backend Supabase, gồm cả đăng nhập, cơ sở dữ liệu và deploy.

Lovable có miễn phí không?
Có bản miễn phí 5 credit mỗi ngày, giới hạn khoảng 30 credit/tháng, nhưng không có domain riêng. Gói Pro bắt đầu từ khoảng $25/tháng và rẻ hơn nếu trả theo năm.

Lovable có làm được app điện thoại không?
Không. Lovable là nền tảng web. Muốn làm app Android hoặc iOS, bạn cần hướng đi và công cụ khác.

Code do Lovable tạo ra có phải của tôi không?
Có. Lovable hỗ trợ đồng bộ GitHub ở mọi gói, nên bạn giữ được code trong kho của chính mình, sửa ở máy và đẩy ngược lại.

Không biết code có dùng được Lovable không?
Được. Bạn mô tả bằng ngôn ngữ tự nhiên. Nhưng với app có thanh toán hoặc lưu dữ liệu người dùng, nên nhờ người có chuyên môn kiểm tra phần bảo mật trước khi công khai.

Credit tiêu hết nhanh quá thì sao?
Nguyên nhân thường gặp là mô tả chưa rõ nên phải sửa nhiều lần. Đầu tư thời gian viết spec kỹ ngay từ đầu sẽ giảm đáng kể số lần sửa qua lại.

Bước tiếp theo

Chưa chắc nên làm web hay mobile thì đọc vibe coding là gì — có bảng quyết định. Dù chọn hướng nào, viết spec cho AI vẫn là bước tiết kiệm nhiều thời gian nhất.

Giá và cơ chế credit của Lovable thay đổi theo thời gian — số liệu trong bài đúng tại thời điểm cập nhật, hãy kiểm tra trang giá chính thức trước khi đăng ký. Bài viết chia sẻ phương pháp, không cam kết mức thu nhập.