v0 vs Bolt.new vs Lovable: vibe coder chọn AI app builder nào?

Vibe coder là thế hệ dev mới: ít/chưa biết code chuyên sâu, dùng AI để biến idea thành app trong 1 cuối tuần. 3 tool hot nhất hiện tại: v0 (chính chủ Vercel), Bolt.new (StackBlitz), Lovable (đến từ Sweden). Mỗi tool nhắm tới sweet spot khác nhau. Bài này so sánh trực diện 3 tool theo 10 tiêu chí thực tế, kèm khuyến nghị cho từng loại project (landing page, SaaS MVP, dashboard nội bộ, mobile-friendly app).

Tổng quan 3 tool

So sánh theo 10 tiêu chí

Pricing chi tiết

Tham khảo trang pricing của từng tool cho con số mới nhất. Tất cả đều có free tier đủ để test 1-2 tuần trước khi commit. Cùng 1 budget 20 USD, Lovable cho ít message hơn nhưng mỗi message làm full-stack hoàn thành hơn.

Use case 1: Landing page cho indie product

Prompt mẫu: "Tạo landing page cho SaaS quản lý task team remote. Header có CTA, hero section với mockup, 3 feature cards, pricing 3 tier, testimonial slider, footer."

• v0: output gần như production-ready, shadcn component đẹp, Tailwind clean. Mất 2-3 lần refine. Winner.
• Bolt.new: output OK, code Vite + React, ít polish UI hơn v0.
• Lovable: overkill cho landing page tĩnh, tốt nhưng wasted Supabase capability.

Khuyến nghị: v0 cho landing page. Export code, deploy Vercel, mua domain xong trong 1 buổi sáng.

Use case 2: SaaS MVP có auth + DB + CRUD

Prompt: "Build mini Trello clone với user auth, project, kanban board kéo thả task, mời member, save Postgres."

• v0: giỏi UI nhưng auth + DB phải manual setup Supabase/Neon sau. Output frontend tốt.
• Bolt.new: chạy fullstack trong WebContainer, demo ngay, nhưng deploy ra production cần thêm bước.
• Lovable: Supabase tự setup auth + DB schema, end-to-end working trong 30 phút. Winner.

Khuyến nghị: Lovable cho MVP full-stack. Sync Github, dev tiếp tục bằng Cursor/Codex/VS Code khi cần tinh chỉnh.

Use case 3: Internal dashboard cho team ops

Prompt: "Dashboard cho ops xem 100 đơn hàng mới nhất, filter theo status, search SKU, click vào detail edit address."

• Tất cả 3 đều làm được. Nhưng đây là sân nhà của Retool (xem bài Retool).
• Nếu insist dùng AI builder: v0 output table + form đẹp nhất, paste vào Next.js app có sẵn.

Use case 4: Mobile-friendly công cụ tính toán đơn giản

Prompt: "Calculator BMI, input chiều cao cân nặng, hiện kết quả + biểu đồ thanh trượt, dark mode."

• v0: output tinh tế nhất, shadcn slider mặc đẹp.
• Bolt.new: nhanh, OK.
• Lovable: hơi overkill nhưng làm được.

Khuyến nghị: v0 hoặc Bolt.new. Đơn giản, không cần backend.

Workflow vibe coder thực tế

1. Phác idea trên giấy, viết user story đơn giản.
2. Đưa prompt rõ ràng vào tool: stack, page, component, feature, style.
3. Refine qua 5-10 message: sửa color, layout, add feature.
4. Export Github, clone về VS Code/Cursor.
5. Setup hosting: Vercel (Next.js), Cloudflare Pages (Vite), Netlify.
6. Setup backend nếu chưa: Supabase, Neon Postgres, Upstash Redis.
7. Buy domain, SSL Let's Encrypt auto, point DNS Cloudflare.
8. Mời 5 beta user, lấy feedback, lặp lại từ bước 3.

Pitfall: code generated cần review

• Code AI thường thiếu validation input, dễ bị XSS/SQL injection nếu không review.
• Auth flow đơn giản OK, nhưng phức tạp (2FA, OAuth provider mới) cần review kỹ.
• Bí mật (API key) đôi khi bị inline trong code thay vì env var - kiểm tra trước commit.
• Schema DB AI tạo đôi khi thiếu index, foreign key cascade sai - review trước production.
• Performance: AI hay generate component lớn không split, bundle phình. Refactor lại trước launch.

Khi nào nên thuê dev thay AI builder?

• App có logic kinh doanh phức tạp (booking + thanh toán + tax + invoice).
• Compliance: PCI, HIPAA, ISO - cần audit code chi tiết.
• Scale dự kiến hàng triệu user - AI builder code thường chưa tối ưu.
• Cần realtime collaborative (Figma-like), AI builder chưa mạnh phần này.
• Integration sâu với hardware, native mobile, IoT, blockchain.

Tips prompt hiệu quả

• Mô tả persona target user trong prompt (PM, mẹ bỉm sữa, founder solo).
• Đặc tả màu sắc: primary indigo #4338CA, accent amber.
• Liệt kê feature theo priority: must-have, nice-to-have.
• Reference design: "phong cách Linear", "phong cách Notion".
• Yêu cầu mobile-first nếu user phần lớn dùng phone.
• Sau khi có draft, prompt sửa từng cái nhỏ thay vì rewrite cả app.

FAQ

Vibe coder hoàn toàn không biết code có dùng được không?

Có thể, nhưng giới hạn ở app đơn giản. Lovable thân thiện nhất với non-coder vì có hosting + DB built-in. Khi gặp lỗi, cần biết đọc error message, hỏi AI fix, hoặc tìm help. Sẽ rất hữu ích nếu học JS basic 1-2 tuần trước khi dùng vibe coding nghiêm túc.

App tạo bởi AI builder có scale được không?

Scale tới 1k-10k user thường OK với stack chuẩn (Next.js + Supabase). Vượt 100k user thì cần dev senior review và optimize: caching, queue, sharding. AI builder làm tốt MVP, không thay thế architect cho app lớn.

Có thể chuyển project giữa 3 tool không?

Có nhưng đau. Mỗi tool export Github với cấu trúc folder khác nhau. Lovable + Bolt có Github sync 2-way, dễ migrate. v0 export 1 chiều. Nếu định dùng nhiều tool, mở Github làm source of truth, import vào Cursor + Claude Code khi tool AI builder không đủ.

Tool nào hiểu tiếng Việt prompt tốt nhất?

Cả 3 đều dùng model LLM lớn (Claude Sonnet, GPT, Gemini) hỗ trợ tiếng Việt tốt. Khác biệt nhỏ. Mẹo: prompt tiếng Anh thường cho output thuần Anh code/comment, prompt tiếng Việt có thể trộn output VN/Anh. Khuyến nghị: prompt tiếng Anh nếu code, tiếng Việt nếu content/label.

Có chống lock-in được không?

Có. Export code ra Github ngay từ đầu, không phụ thuộc 100% hosting của tool. Backend dùng Supabase/Neon Postgres/Cloudflare D1 - portable. Frontend Next.js/Vite chạy được trên Vercel, Cloudflare Pages, VPS riêng. Lock-in chính là vendor AI builder vào trial của bạn, không phải code production.