Lovable Là Gì? Hướng Dẫn Làm Website Bằng AI Và Bảng Giá Từ A–Z

Lovable là nền tảng làm website và ứng dụng web bằng AI: bạn mô tả bằng lời (tiếng Việt cũng được), Lovable viết code, dựng giao diện, cơ sở dữ liệu, đăng nhập, rồi đưa lên mạng chỉ bằng hai cú bấm. Không cần cài đặt gì, mọi thứ chạy trên trình duyệt. Đây là một trong những công cụ dễ nhất cho người chưa biết lập trình muốn có một sản phẩm chạy thật.

Bài này là hướng dẫn từ A–Z cho người mới: Lovable là gì, làm được gì và không làm được gì, credit và bảng giá, ba chế độ Chat, Plan, Build, tạo dự án đầu tiên từng bước, cách viết yêu cầu, backend có sẵn, đưa lên tên miền riêng, SEO, thanh toán, bảo mật, dữ liệu, lỗi thường gặp và so sánh với Claude Code, Cursor, Antigravity. Thông tin đối chiếu với tài liệu chính thức của Lovable ngày 8/11/2026. Lovable cập nhật rất thường xuyên; khi giá hay giao diện khác với bài, hãy tin trang chính thức.

Lovable là gì?

Theo tài liệu chính thức, Lovable là nền tảng phát triển ứng dụng toàn diện bằng AI, dùng ngôn ngữ tự nhiên để xây, sửa và đưa ứng dụng web lên mạng. Bạn mô tả thứ mình muốn, Lovable tạo ra một ứng dụng chạy được, gồm giao diện, backend, cơ sở dữ liệu, đăng nhập và các kết nối, tất cả bằng code thật mà bạn sở hữu và sửa được.

Lovable do Anton Osika và Fabian Hedin thành lập năm 2023 tại Stockholm, Thụy Điển; tên ban đầu là GPT Engineer (theo mục FAQ chính thức).

Bốn khái niệm bạn sẽ gặp liên tục:

• Account: tài khoản cá nhân, đăng ký bằng email, Google, GitHub hoặc Apple.

• Workspace: nơi làm việc, chứa các dự án, thành viên, gói cước và một "quỹ" credit dùng chung.

• Project: một ứng dụng, gồm khung chat, bản xem trước, code và lịch sử phiên bản.

• Chats: các cuộc trò chuyện ngoài dự án để bàn ý tưởng; khi cần làm thì chuyển việc sang một dự án.

Ngoài bản web, Lovable có ứng dụng máy tính, ứng dụng điện thoại iOS và Android để làm tiếp khi không ngồi máy, và có thể trò chuyện qua Slack, Telegram hay gọi @Lovable trong ChatGPT.

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

Làm tốt:

• Website giới thiệu, landing page cho chiến dịch, trang sự kiện.

• Công cụ nội bộ: bảng quản lý thiết bị, theo dõi đơn hàng, thay cho bảng tính.

• Dashboard, báo cáo có biểu đồ.

• Bản mẫu (prototype) chạy được để thử ý tưởng trước khi thuê lập trình viên.

• Ứng dụng web có tài khoản người dùng, lưu dữ liệu, tải file, gửi email, thanh toán.

Giới hạn cần biết trước:

• Không làm ứng dụng di động gốc (native). Lovable làm ứng dụng web hiển thị tốt trên điện thoại; muốn có app trên kho ứng dụng thì phải đóng gói thêm bên ngoài Lovable, hoặc dùng dạng PWA (thêm vào màn hình chính).

• Không chọn được công nghệ. Dự án mới từ 13/5/2026 dùng TanStack Start (dựng trang phía máy chủ), dự án cũ dùng React + Vite, cơ sở dữ liệu PostgreSQL. Không có Next.js, WordPress hay PHP.

• Không chọn được mô hình AI dùng để xây ứng dụng; Lovable tự chọn và cập nhật.

• Không lưu dữ liệu nhạy cảm như hồ sơ sức khỏe, số thẻ thanh toán, số giấy tờ tùy thân theo điều khoản tiêu chuẩn.

Credit là gì? Lovable tính tiền thế nào

Lovable tính theo credit, không theo số dự án hay số người dùng. Một số dư credit dùng chung cho năm loại việc: xây ứng dụng, trò chuyện với Lovable, lưu trữ và chạy backend của ứng dụng đã đăng, tính năng AI trong ứng dụng của bạn, và một số kết nối dịch vụ ngoài.

Mọi gói Free, Pro, Business đều có phần miễn phí:

• 5 credit xây dựng mỗi ngày, làm mới lúc 0 giờ UTC (7 giờ sáng giờ Việt Nam). Gói Free tối đa 30 credit mỗi tháng, tức hết sau 6 ngày đầu tháng; gói trả phí không giới hạn tháng.

• Hạn mức chat mỗi ngày cho chế độ Chat và Chats.

• 20 credit Cloud mỗi tháng cho lưu trữ, backend; 4 credit AI mỗi tháng cho tính năng AI trong ứng dụng.

Mỗi yêu cầu tốn bao nhiêu? Chế độ Plan tính 1 credit mỗi tin nhắn (cộng phần nghiên cứu nếu có). Chế độ Build tính theo độ khó: tài liệu đưa ví dụ đổi màu nút khoảng 0,5 credit, thêm đăng nhập khoảng 1,2 credit, làm landing page có ảnh khoảng 2 credit. Bấm menu bên dưới mỗi câu trả lời để xem đúng số credit đã dùng. Với yêu cầu chạy lâu, Lovable mặc định dừng hỏi bạn khi một tin nhắn vượt 20 credit.

Bảng giá Lovable

Theo trang Subscription plans ngày 8/11/2026 (giá USD):

Trả theo năm được tặng 2 tháng (ví dụ Pro 100 credit: 250 USD/năm). Credit gói tháng chưa dùng hết được chuyển sang kỳ sau nhưng hết hạn sau 2 tháng kể từ ngày cấp. Hết credit giữa tháng thì mua thêm (top-up, hạn dùng 12 tháng) hoặc nâng bậc. Sinh viên, giáo viên được giảm 50% gói Pro 100 credit trả theo tháng trong tối đa 12 tháng, xác minh bằng email của trường. Phí thuê bao và credit không hoàn tiền, trừ khi luật bắt buộc.

Gói nào cho ai? Free đủ để thử và làm trang nhỏ, nhưng không gắn được tên miền riêng, không ẩn được nhãn "Edit with Lovable" và không sửa code trực tiếp. Muốn website chạy trên tên miền của mình thì cần tối thiểu gói Pro. Business dành cho nhóm cần đăng nhập một lần (SSO), phân quyền và trung tâm bảo mật.

Ba chế độ: Chat, Plan, Build

Một mẹo tiết kiệm: bàn kỹ ở Chat hoặc Plan rồi mới sang Build, vì một yêu cầu Build mơ hồ thường dẫn tới vài lượt sửa đi sửa lại, tốn credit hơn nhiều so với một kế hoạch rõ ràng. Lệnh /goal cho Lovable tự làm tới khi đạt mục tiêu, nhưng tốn credit hơn hẳn; người mới nên tránh.

Tạo dự án đầu tiên: từng bước

Tài liệu chính thức có lộ trình khoảng 10 phút từ yêu cầu đầu tiên tới đường link chạy thật. Phiên bản cho người Việt:

1. Tạo tài khoản tại lovable.dev bằng email, Google, GitHub hoặc Apple. Tài khoản mới có sẵn một workspace gói Free.

2. Mô tả ứng dụng trong ô nhập, chọn chế độ Build. Ví dụ:

   Làm website cho quán cà phê "Mộc", Quận 3, TP.HCM. Gồm: phần đầu trang có tiêu đề và ảnh, thực đơn lọc theo nhóm (cà phê, trà, bánh), giờ mở cửa, địa chỉ và bản đồ chỉ đường ngắn. Nội dung mẫu bằng tiếng Việt, giọng ấm áp. Hiển thị tốt trên điện thoại. Chưa cần đăng nhập hay cơ sở dữ liệu.

   Câu cuối rất quan trọng: tài liệu khuyên bản đầu tiên chưa có đăng nhập, cơ sở dữ liệu để ít chỗ hỏng; thêm sau chỉ bằng một yêu cầu.

3. Chờ bản đầu tiên vài phút. Màn hình chia hai: khung chat bên trái, bản xem trước chạy thật bên phải.

4. Sửa từng thay đổi một, xem bản xem trước sau mỗi lần: "Thêm mục Món đặc biệt hôm nay giữa thực đơn và giờ mở cửa, gồm 2 món kèm mô tả ngắn và giá."

5. Sửa nhỏ bằng cách chỉ vào: mở thanh công cụ xem trước, chọn đúng phần tử rồi nói cần đổi gì; sửa chữ thì gõ thẳng lên trang, không tốn yêu cầu.

6. Kiểm tra: bấm thử mọi nút, mọi link, chuyển sang chế độ xem điện thoại.

7. Đưa lên mạng: bấm Publish ở góc phải, bấm Publish lần nữa. Lovable chạy quét bảo mật nhanh và cho bạn một địa chỉ dạng ten-ban.lovable.app.

Mọi thay đổi được lưu thành một phiên bản trong History, không có nút lưu. Hỏng thì mở lịch sử, xem lại bản cũ và khôi phục; nên đánh dấu (bookmark) các bản chạy ổn.

Không muốn bắt đầu từ trang trắng? Vào Templates, mở một mẫu và bấm Remix để có bản sao riêng, dùng được ở mọi gói.

Cách viết yêu cầu cho Lovable

Tài liệu hướng dẫn viết prompt của Lovable chia làm bốn giai đoạn; tóm lại thành các quy tắc dễ áp dụng:

• Bảo Lovable hỏi lại: thêm câu "Trước khi làm, hãy hỏi tôi những gì còn chưa rõ."

• Lên kế hoạch trước, làm giao diện trước: chốt bố cục, màu sắc rồi mới thêm chức năng.

• Nói theo thành phần, không theo cả trang: "sửa thẻ sản phẩm", "thêm hộp thoại xác nhận" rõ hơn "làm lại trang chủ".

• Dùng nội dung thật (tên món, giá, địa chỉ) thay vì chữ mẫu để thấy giao diện đúng.

• Nói rõ cái gì giữ nguyên: "Chỉ sửa phần thực đơn, không đụng phần đầu trang và chân trang."

• Đưa ảnh hoặc link tham khảo cho phong cách bạn muốn.

Xem thêm bài cách viết prompt khi vibe code với nhiều mẫu tiếng Việt.

Instructions: dặn Lovable một lần

Instructions (tên cũ là Knowledge) là phần dặn dò cố định được đưa vào mọi yêu cầu, có hai cấp: cho cả workspace (tối đa 10.000 ký tự, chỉ chủ và quản trị viên sửa) và cho từng dự án. Ví dụ instructions cho một dự án:

- Website của quán cà phê Mộc. Mọi chữ trên trang bằng tiếng Việt.
- Màu chính: nâu #6B4F3A, nền kem #F7F1E8. Font không chân.
- Giá ghi dạng 45.000đ.
- Không đổi logo trong thư mục public/brand.
- Mọi trang phải hiển thị tốt trên điện thoại.

Việc chỉ cần trong vài tình huống nên làm thành skill: chỉ được nạp khi liên quan, đỡ tốn ngữ cảnh.

Backend có sẵn: dữ liệu, đăng nhập, email

Khi bạn yêu cầu chức năng cần lưu dữ liệu (đặt bàn, đơn hàng, form liên hệ), tài khoản người dùng, tải file, gửi email, việc chạy định kỳ hay tính năng AI, Lovable tự bật backend có sẵn (Lovable Cloud) hoặc hỏi bạn trước. Backend này xây trên nền mã nguồn mở của Supabase: có cơ sở dữ liệu, quản lý người dùng, lưu file, hàm chạy phía máy chủ và lịch chạy nền; xem và sửa trong menu More của dự án. Nếu đã có tài khoản Supabase riêng, bạn có thể nối vào thay vì dùng Cloud.

Chi phí Cloud trừ vào 20 credit Cloud miễn phí mỗi tháng trước, hết thì trừ credit chung. Ứng dụng ít người dùng thường nằm trong phần miễn phí, nhưng hãy theo dõi ở Usage details.

Đưa lên tên miền riêng và làm SEO

Tên miền riêng cần gói trả phí. Vào Project → Settings → Domains: mua tên miền ngay trong Lovable, hoặc nối tên miền bạn đã có (ví dụ mua ở nhà cung cấp Việt Nam) theo hướng dẫn trỏ DNS. Dự án phải được Publish trước thì tên miền mới hiển thị trang.

SEO: Lovable có thẻ SEO & AI trong Analytics, quét sitemap, robots.txt, thẻ meta, dữ liệu có cấu trúc, ảnh thiếu mô tả, canonical và độ sẵn sàng cho công cụ tìm kiếm AI, rồi đề nghị sửa bằng một cú bấm (tốn credit như bình thường). Có thể nối Google Search Console để xem người dùng tìm gì trước khi vào trang. Lưu ý từ tài liệu:

• Chỉ trang đã Publish công khai mới lên Google; trang giới hạn người xem thì không.

• Dự án mới không phải lúc nào cũng có sitemap, và thẻ meta ban đầu khá chung chung; nên chạy rà soát trước khi chia sẻ link.

• Dự án tạo từ 13/5/2026 dựng trang phía máy chủ nên công cụ tìm kiếm đọc được nội dung; dự án cũ được phục vụ bản dựng sẵn cho bot tìm kiếm.

• Kỹ thuật chỉ là nền móng; muốn lên top vẫn cần nội dung tốt và liên kết từ trang khác.

Nhận thanh toán: lưu ý cho doanh nghiệp Việt Nam

Lovable chỉ tích hợp sẵn hai nhà thanh toán: Stripe và Paddle. Cả hai yêu cầu doanh nghiệp đăng ký ở quốc gia được hỗ trợ. Ngày 8/11/2026, trang Stripe Global chưa có Việt Nam trong danh sách; Paddle có danh sách quốc gia riêng, cần tự kiểm tra. Lovable ghi rõ không có hỗ trợ sẵn cho PayPal hay các cổng thanh toán theo khu vực; có thể nhờ Lovable viết code nối VNPay, MoMo qua hàm phía máy chủ, nhưng đó là code tự quản, không được Lovable hỗ trợ chính thức. Doanh nghiệp bán hàng trong nước nên tính kỹ phần này trước khi chọn Lovable cho website bán hàng.

Code, GitHub và quyền sở hữu

• Code là của bạn: theo FAQ, ứng dụng và code tạo bằng Lovable thuộc về bạn, dùng thương mại và đưa đi nơi khác được.

• Đồng bộ GitHub, GitLab, Bitbucket có ở mọi gói, kể cả Free. Đây là cách sao lưu tốt nhất và cho phép lập trình viên sửa tiếp bằng Cursor hay Claude Code.

• Sửa code trực tiếp và tải code về trong Lovable cần gói Pro trở lên.

Bảo mật và dữ liệu

Lovable chạy quét bảo mật nhanh mỗi lần mở hộp Publish (kiểm tra quy tắc truy cập cơ sở dữ liệu, thư viện có lỗ hổng) và có quét sâu theo yêu cầu (phân quyền, endpoint ai cũng gọi được, khóa bí mật bị lộ, thanh toán có thể bị lách). Những nguyên tắc tài liệu nhấn mạnh:

• Không để khóa API trong code giao diện: ai cũng xem được. Nhờ Lovable lưu vào mục Secrets và chỉ đọc ở phía máy chủ.

• Không tin kiểm tra phía trình duyệt: mọi dữ liệu người dùng gửi lên phải được kiểm tra lại ở phía máy chủ.

• Bật phân quyền theo từng dòng dữ liệu (row-level security) để người dùng chỉ thấy dữ liệu của mình.

• Đọc kết quả quét trước khi Publish; có thể nhờ Lovable "rà soát bảo mật toàn bộ ứng dụng".

Dữ liệu huấn luyện AI: từ ngày 9/9/2026, Lovable có thể dùng dữ liệu của gói Free và Pro (prompt, file đính kèm, code, kết quả tạo ra) để huấn luyện mô hình, trừ khi bạn tắt. Tắt ở Account settings → Preferences → AI model training. Gói Business và Enterprise mặc định không dùng. Dữ liệu người dùng cuối của ứng dụng và thông tin thanh toán không bị dùng.

Trước khi đưa ứng dụng có dữ liệu khách hàng ra dùng thật, đi hết checklist trong bài rủi ro khi vibe code.

Lỗi thường gặp

Lovable khác gì Claude Code, Cursor, Antigravity?

Cách kết hợp phổ biến: làm nhanh bằng Lovable, đồng bộ sang GitHub, khi sản phẩm lớn dần thì sửa tiếp bằng Cursor hoặc Claude Code. Xem thêm bài công cụ vibe code cho người mới để chọn theo nhu cầu.

Học Lovable ở đâu

Nguồn chính thức: Quick start (dự án đầu tiên trong khoảng 10 phút), mục Prompting trong tài liệu, Lovable Academy (video miễn phí) và thư viện Templates. Giao diện Lovable hiện chưa có tiếng Việt, nhưng bạn viết yêu cầu bằng tiếng Việt bình thường.

Nếu mới bắt đầu, đọc hướng dẫn tự học vibe code từ A–Z, rồi làm theo bài dự án vibe code đầu tiên để đi trọn một vòng từ ý tưởng tới trang chạy thật.

Muốn học có người kèm? Tấn Phát Digital có khóa học vibe code cho người mới, học online qua Zoom hoặc Google Meet trong 3 ngày, học phí 10 triệu đồng. Hết khóa, mỗi học viên có một website giới thiệu nhiều trang chạy trên tên miền riêng, có form liên hệ, đã đưa lên Google, và biết cách tự sửa nội dung, tự thêm tính năng bằng AI. Liên hệ Tấn Phát Digital để hỏi lịch khai giảng.