
- Bảo đảm hoàn tiền trong 30 ngày
- Ứng dụng web thực sự, không chỉ là các trang tĩnh
- Mọi thứ trong một nơi. Hosting, tên miền, email và chỉnh sửa

- Free plan includes 25 monthly messages
- All-in-one solution: hosting, authentication, storage, and logic included
- Built for speed and security, from prototype to production

- Free plan includes 30 credits per month
- Collaborate in real time with multiplayer editing and AI assistance
- Fully managed hosting, domains, SEO, and updates in one platform
Tóm tắt nhanh
Hostinger Horizons thắng trong so sánh ba chiều này. Sau khi xây dựng các cổng quản lý bất động sản, ứng dụng thị trường và bộ theo dõi tác vụ trên cả ba nền tảng, Horizons mang lại sự kết hợp tốt nhất giữa kiểm soát, minh bạch và giá trị.
Chỉ với $6.99/tháng cho gói Explorer, đây là điểm vào phải chăng nhất. Nó rẻ hơn 50% so với $25/tháng của Lovable và rẻ hơn 65% so với $20/tháng của Base44.
Cả Lovable và Base44 đều có điểm mạnh riêng. Lovable tạo ra giao diện người dùng bóng bẩy nhất với ít công sức nhất. Base44 thắng về tốc độ thô cho các ứng dụng CRUD nặng, với AI đa mô hình (chuyển đổi giữa Claude và Gemini) tạo ra các ứng dụng chức năng trong 4-6 phút.
| Tính năng | Hostinger Horizons | Base44 | Lovable |
| Giá khởi điểm | $6.99/tháng (Explorer, hàng năm) | $20/tháng (Starter, hàng năm) | $25/tháng (Pro) |
| Dùng thử/Kế hoạch miễn phí | Có – 7 ngày với ~5 tin nhắn AI | Có – 25 tín dụng tin nhắn/tháng | Có – 5 tín dụng/ngày (chỉ dự án công khai) |
| Mô hình AI | Không tiết lộ (dường như lớp GPT-4) | Đa mô hình (Claude 3.5 Sonnet + Gemini 2.5 Pro) | Claude 3.5 Sonnet + GPT-4o |
| Tốc độ xây dựng | 8-10 phút cho app phức tạp | 4-6 phút cho app CRUD | 6-8 phút với độ tinh chỉnh vượt trội |
| Tích hợp cơ sở dữ liệu | Supabase (thiết lập thủ công với SQL được hướng dẫn) | Postgres quản lý (tự động) | Lovable Cloud (Supabase quản lý) |
| Xuất mã | Có (gói Starter trở lên) | Có (GitHub trên các gói Builder từ $40+) | Có (xuất GitHub bất kỳ lúc nào) |
| Tên miền tùy chỉnh | Bao gồm trong tất cả các gói trả phí | Gói Builder ($40/tháng) trở lên | Gói Pro ($25/tháng) trở lên |
| Trình chỉnh sửa trực quan | Nhấp để chỉnh sửa với tinh chỉnh qua chat AI | Kéo và thả với lệnh chat | Nhấp để chỉnh sửa với lệnh “vibe” |
| Hỗ trợ khách hàng | Ưu tiên 24/7 (gói Starter trở lên) | Hỗ trợ cao cấp (gói Elite) | Discord cộng đồng + hỗ trợ gói Business |
1. So sánh giá và gói
Khả năng chi trả ở cấp độ cơ bản của Hostinger Horizons giúp nó có lợi thế cho những người xây dựng quan tâm đến ngân sách
Khi tôi đánh giá nền tảng nào để gắn bó lâu dài, giá cả trở thành yếu tố then chốt.
Gói Explorer của Hostinger Horizons với $6.99/tháng (giá giới thiệu, gia hạn khoảng $9.99) ngay lập tức nổi bật là điểm vào dễ tiếp cận nhất. Chỉ bằng một nửa giá gói Starter của Base44 và rẻ hơn 72% so với gói Pro của Lovable.
Điều khiến tôi ấn tượng không chỉ là giá thấp, mà còn những gì bạn thực sự nhận được: 30 tín dụng tin nhắn AI mỗi tháng, một ứng dụng web hoàn chỉnh với tích hợp Supabase, xác thực người dùng và mã hóa SSL. Đối với các nhà phát triển cá nhân thử nghiệm ý tưởng hoặc xây dựng công cụ nội bộ đơn giản, sự kết hợp giữa khả năng chi trả và tính năng cốt lõi này là không thể bị đánh bại.
Base44 và Lovable trở nên cạnh tranh khi bạn cần tính năng tinh vi hơn hoặc hạn mức tín dụng cao hơn. Thế mạnh của Base44 thể hiện ở cấp Builder ($40/tháng), nơi bạn nhận được tích hợp GitHub và 10.000 tín dụng tích hợp.
Gói Pro của Lovable ($25/tháng) ở mức trung gian, cung cấp dự án riêng tư và tên miền tùy chỉnh, nhưng hãy thận trọng với mức tiêu thụ tín dụng
| Cấp độ | Hostinger Horizons | Base44 | Lovable |
| Miễn phí / Dùng thử | Dùng thử 7 ngày (~5 tin nhắn) | 25 tin nhắn/tháng + 100 tích hợp | 5 tín dụng/ngày |
| Cấp Khởi đầu | $13.99/tháng (70 tin nhắn) | $20/tháng (100 tin nhắn) | $25/tháng (100 tín dụng) |
| Cấp Trung cấp | $39.99/tháng (200 tin nhắn) | $40/tháng (250 tin nhắn) | $50/tháng (Business) |
| Cấp Nhóm | $79.99/tháng (400 tin nhắn) | $80/tháng (500 tin nhắn) | Tùy chỉnh |
| Doanh nghiệp | Tùy chỉnh | Tùy chỉnh | Tùy chỉnh |
2. So sánh khả năng & tính năng AI
Lập kế hoạch cơ sở dữ liệu rõ ràng và sự minh bạch SQL của Hostinger Horizons mang lại lợi thế về trí tuệ
| Tính năng | Hostinger Horizons | Base44 | Lovable |
| Mô hình AI sử dụng | Không tiết lộ (hành vi lớp GPT-4) | Đa mô hình (Claude 3.5 Sonnet + Gemini 2.5 Pro) | Claude 3.5 Sonnet + GPT-4o |
| Hiểu ngôn ngữ tự nhiên | Tốt – yêu cầu câu lệnh chi tiết | Xuất sắc – suy luận mối quan hệ | Xuất sắc – hiểu ý định thiết kế |
| Lập luận đa bước | Trung bình – hiển thị kế hoạch xây dựng | Mạnh – chọn mô hình động | Mạnh – mã tự phục hồi |
| Chất lượng tạo mã | React + Tailwind sạch sẽ | Sạch sẽ nhưng bị trừu tượng phía sau giao diện | React + Tailwind đạt chuẩn sản xuất |
| Mẫu dựng sẵn | Lựa chọn hạn chế | Thư viện rộng (thị trường, CRM) | Lựa chọn trung bình |
| Thành phần tùy chỉnh | Cần chỉnh sửa mã thủ công | Chỉnh sửa trực quan + mã | Chỉnh sửa “vibe” trực quan |
| Tích hợp cơ sở dữ liệu | Supabase (thiết lập SQL thủ công) | Postgres quản lý (tự động) | Lovable Cloud (Supabase quản lý) |
| Hỗ trợ API bên thứ ba | Có – lấy dữ liệu từ API bên ngoài | Có – REST/GraphQL tiêu chuẩn | Có – hỗ trợ server MCP |
| Tùy chọn xác thực | Email + mạng xã hội (qua Supabase) | Tích hợp sẵn (email/mạng xã hội) | Tích hợp sẵn (hỗ trợ Supabase) |
| Tích hợp thanh toán | Stripe (qua lệnh) | Stripe (tích hợp sẵn) | Stripe (qua tích hợp) |
| Thiết kế hỗ trợ AI | Tập trung chức năng, không chú trọng thiết kế | Tập trung chức năng, thẩm mỹ tối giản | Ưu tiên thiết kế, giao diện bóng bẩy |
| Xuất đa nền tảng | Xuất HTML/CSS/JS (Starter+) | Đồng bộ GitHub (Builder+) | Xuất GitHub (tất cả gói) |
| Tùy chọn nhãn trắng | Tên miền tùy chỉnh (tất cả gói trả phí) | Tên miền tùy chỉnh (gói Builder+) | Tên miền tùy chỉnh (gói Pro+) |
Lập luận AI, Trí tuệ Xây dựng và Độ sâu Tự động hóa của Hostinger Horizons
Khi tôi xây dựng MaintenanceHub với Hostinger Horizons, tôi không đang thử tạo màn hình. Tôi muốn xem nó có thể lập luận về mối quan hệ dữ liệu và cấu trúc backend hay không.
Tôi đã gửi:
“Xây dựng một cổng yêu cầu dịch vụ toàn diện cho công ty quản lý bất động sản.”
Horizons suy luận ra một số điều mà tôi chưa bao giờ đề cập:
- Tách các bảng user_profiles và user_roles
- Enum mức độ ưu tiên (emergency, high, medium, low)
- Một bảng comments cho kỹ thuật viên
- Theo dõi lịch sử trạng thái

Xung quanh mốc hai phút, Horizons hiển thị kế hoạch xây dựng liệt kê các thành phần chính (Dashboard, RequestCard, AdminPanel) và tám bảng cơ sở dữ liệu. Việc thấy điều này ngay từ đầu rất quan trọng. Tôi có thể kiểm tra sanity kiến trúc trước khi bắt đầu tạo mã.
Dự án được tạo có cấu trúc React + Tailwind sạch sẽ. Bên trong src/components/, các tệp được mô-đun hóa, hooks được sử dụng đúng cách và Supabase nằm trong một tệp client riêng. Nó trông giống mã của nhà phát triển cấp junior đến mid-level. Dễ đọc và dễ bảo trì.
Khoảnh khắc thất bại: Xung đột phụ thuộc với @supabase/supabase-js xuất hiện. Horizons tạm dừng khoảng 30 giây, tái tạo package.json và tiếp tục. Bản sửa hoạt động, nhưng thông báo lỗi mơ hồ, khiến khó xác định liệu quá trình xây dựng có bị hỏng hay chỉ đang thử lại.
Lập luận AI, Trí tuệ Xây dựng và Độ sâu Tự động hóa của Base44
Tôi đã xây dựng CampSpot Marketplace trong Base44 bằng cách:
“Tạo một thị trường cho thuê thiết bị cắm trại, nơi chủ sở hữu liệt kê thiết bị, người thuê đặt trước theo ngày, và nền tảng lấy phí 15%.”
Base44 suy luận:
- Vai trò chủ sở hữu và người thuê
- Lịch đặt với xác thực ngày
- Bảng giao dịch với tính toán phí
- Đánh giá cho cả hai bên

Nó thậm chí thêm tính năng tìm kiếm cơ bản và đánh giá mà không cần yêu cầu.
Không có màn hình lập kế hoạch. Quá trình tạo bắt đầu ngay lập tức, và ứng dụng hoạt động trực tuyến sau khoảng 4 phút.
Mã tồn tại, nhưng nó bị trừu tượng phía sau hệ thống quản lý của Base44. Khi tôi bật trình chỉnh sửa mã, tôi tìm thấy React sạch và một lớp backend độc quyền. Có thể xuất GitHub, nhưng chạy độc lập sẽ cần tái cấu trúc.
Bài kiểm tra tùy chỉnh: Tôi yêu cầu giá cuối tuần + giảm giá cho thuê dài hạn. Base44 đã thêm bảng pricing_rules và cập nhật tính toán trong ~90 giây. Rất ấn tượng.
Khoảnh khắc thất bại: Tôi yêu cầu thanh toán Stripe Connect. Base44 ban đầu cấu hình Stripe Checkout tiêu chuẩn. Sửa lỗi này cần sáu tín dụng tin nhắn và viết lại một phần luồng thanh toán.
Lập luận AI, Trí tuệ Xây dựng và Độ sâu Tự động hóa của Lovable
Tôi đã xây dựng TaskFlow, một ứng dụng quản lý dự án, với lời nhắc mơ hồ sau:
“Xây dựng công cụ quản lý dự án với bảng, tác vụ, phân công và cập nhật thời gian thực.”
Lovable suy luận:
- Bảng Kanban
- Đăng ký thời gian thực Supabase
- Quy trình mời nhóm
- Bình luận và tệp đính kèm
Khoảng 90 giây, Lovable hiển thị một sơ đồ lược đồ trực quan cùng danh sách thành phần. Đây là trải nghiệm lập kế hoạch rõ ràng nhất trong cả ba.
Mã được tạo rất xuất sắc: React + TypeScript, thư mục theo miền, xử lý lỗi mạnh mẽ và các trạng thái giao diện người dùng được suy nghĩ kỹ. Kiểu dáng Tailwind trông như được thiết kế chuyên nghiệp.
3. So sánh tốc độ & chất lượng tạo ứng dụng
Hostinger Horizons cung cấp kiến trúc sẵn sàng sản xuất với quy trình xây dựng minh bạch.
| Chỉ số | Hostinger Horizons | Base44 | Lovable |
| Thời gian tạo trung bình | 8-10 phút (ứng dụng phức tạp) | 4-6 phút (ứng dụng CRUD) | 6-8 phút (cân bằng) |
| Tỷ lệ thành công lần đầu | ~70% (cần lặp lại) | ~80% (nhanh nhưng cơ bản) | ~85% (kết quả tinh chỉnh) |
| Xử lý lỗi | Tự sửa với thông báo mơ hồ | Ít khi lỗi, nhưng sửa chữa tốn tin nhắn | Tự phục hồi với nhật ký chi tiết |
| Khả năng hiển thị backend | Hiển thị đầy đủ lược đồ SQL ngay lập tức | Bị trừu tượng, hiển thị trong trình chỉnh sửa mã | Supabase quản lý hiển thị trên bảng điều khiển |
| Độ tinh chỉnh giao diện | Tập trung chức năng, cần chỉnh sửa kiểu dáng | Sạch nhưng thực dụng | Thiết kế đạt chuẩn chuyên nghiệp ngay lập tức |
Khi tôi quyết định xây dựng một cổng quản lý bất động sản để thử nghiệm cả ba nền tảng một cách công bằng, tôi muốn xem cách họ xử lý cùng một thách thức: một ứng dụng đa người dùng với quyền phức tạp, tải tệp và cập nhật thời gian thực.
Kết quả khiến tôi ngạc nhiên.
Xây dựng MaintenanceHub với Hostinger Horizons
Sau khi gửi lời nhắc của tôi, Horizons mất khoảng hai phút để phân tích rồi trình bày kế hoạch xây dựng: ba vai trò người dùng, theo dõi yêu cầu, tải lên và bảng điều khiển quản trị.
Tôi phê duyệt và quan sát bảng điều khiển giống terminal tạo tệp theo thời gian thực: src/App.jsx, các thành phần xác thực và cuối cùng là database/schema.sql.
Khoảng phút thứ tư, tôi thấy cảnh báo này:
“If you run into errors that can’t be fixed after multiple tries, find the last working website version…”
Terminal hiển thị xung đột phụ thuộc với @supabase/supabase-js. Sau ~30 giây, Horizons tái tạo package.json với các phiên bản tương thích và tiếp tục.
Bản sửa hoạt động, nhưng chính thông báo lại gây căng thẳng không cần thiết.
Đến phút thứ mười, ứng dụng đã trực tuyến. Các tuyến xác thực hoạt động, các biểu mẫu đăng nhập chạy trên Supabase được tải và điều hướng hoạt động chính xác.
Điểm mạnh lớn nhất là lược đồ SQL được tạo. Nó có bảng được chú thích rõ ràng, khóa ngoại và chính sách RLS khởi tạo. Tôi có thể ngay lập tức xem xét và hiểu mô hình dữ liệu.
Tuy nhiên, giao diện chỉ là kiểu dáng Tailwind đơn giản. Khi tôi đổi màu từ tím sang xanh dương, mất ba tin nhắn và hai phút vì một số thành phần được cập nhật trong khi những thành phần khác thì không.
Xây dựng CampSpot Marketplace với Base44
Base44 bắt đầu tạo ngay lập tức. Không kế hoạch, không xem trước. Các tin nhắn trạng thái bay qua:
“Đang tạo lược đồ cơ sở dữ liệu…”
“Đang tạo danh sách…”
“Đang thiết lập Stripe…”
Đến phút thứ tư, tôi đã có một thị trường hoạt động. Tốc độ đó là có thực.
Base44 suy luận vai trò chủ sở hữu và người thuê, lịch đặt và đánh giá mà không cần tôi yêu cầu. Giao diện sạch nhưng tối giản. Đủ tốt cho MVP, không ấn tượng về mặt hình ảnh.
Vấn đề lớn xảy ra với thanh toán. Tôi nói nền tảng lấy 15%, ngụ ý Stripe Connect. Base44 thay vào đó đã triển khai Stripe Checkout tiêu chuẩn.
Sửa lỗi này cần:
- Làm rõ hướng dẫn
- Chờ khoảng 4 phút
- Phải tiêu sáu tín dụng tin nhắn
Lần thử thứ hai thành công, nhưng tôi đã sử dụng 10% tín dụng tin nhắn hàng tháng của gói Starter cho một sai sót.
Tổng thời gian để sửa thị trường: ~11 phút.
Xây dựng TaskFlow với Lovable
Lovable có cách tiếp cận khác: thay vì nhảy thẳng vào tạo mã, nó đầu tiên hiển thị cho tôi bản xem trước có cấu trúc về những gì nó dự định xây dựng.
Sau khi tôi gửi lời nhắc cho ứng dụng quản lý tác vụ, Lovable trả lời trong bảng chat bằng cách chia nhỏ yêu cầu của tôi thành các thành phần rõ ràng và thậm chí tham chiếu các công cụ quen thuộc như Trello và Asana để làm rõ ngữ cảnh.
Chỉ sau giai đoạn lập kế hoạch này nó mới bắt đầu tạo mã.
Đến phút thứ hai, tôi đã thấy hoạt động tệp trong nhật ký: src/pages/Dashboard.tsx, src/components/TaskCard.tsx và các tệp tích hợp Supabase đang được scaffold. Bản xem trước giao diện trở nên tương tác vào khoảng phút thứ tư, và toàn bộ quá trình hoàn thành trong khoảng bảy phút.
Chất lượng giao diện nổi bật ngay lập tức. Không giống các kết quả thực dụng từ các nền tảng khác, Lovable cung cấp giao diện bóng bẩy, trông như sản xuất.
Điều rút ra: Lovable mang lại kết quả tinh chỉnh về mặt trực quan và frontend bóng bẩy nhất trong ba, với xử lý lỗi xuất sắc và mã thực sự có thể xuất.
So sánh tốc độ, độ tin cậy và chất lượng đầu ra
Base44 thắng về tốc độ thô. Lovable thắng về độ tinh chỉnh trực quan. Horizons thắng về sự tin cậy backend.
Khi tôi tính đến tổng thời gian để sẵn sàng đưa vào sản xuất:
- Horizons: 10 phút xây dựng + ~20 phút xem lại RLS = 30 phút
- Base44: 4 phút xây dựng + 7 phút sửa Stripe + ~25 phút hiểu backend = 36 phút
- Lovable: 7 phút xây dựng + ~40 phút tìm hiểu cấu trúc backend = 47 phút
Điều bất ngờ lớn nhất là tôi tin tưởng Horizons đến mức nào cho triển khai. Tôi có thể thấy mọi bảng, chính sách và mối quan hệ.
Với Base44, quá nhiều thứ bị giấu. Với Lovable, việc kiểm soát backend đòi hỏi phải rời khỏi nền tảng.
4. So sánh độ dễ sử dụng
Sự minh bạch hướng đến nhà phát triển của Hostinger Horizons vượt trội hơn tính trừu tượng của Lovable và tính đơn giản của Base44
| Danh mục | Hostinger Horizons | Base44 | Lovable |
| Thiết lập tài khoản | Dễ | Dễ | Dễ |
| Điều hướng bảng điều khiển | Trung bình | Dễ | Dễ |
| Tạo ứng dụng mới | Trung bình | Dễ | Dễ |
| Cần kỹ thuật câu lệnh | Trung bình đến Khó | Dễ đến Trung bình | Dễ |
| Quá trình tùy chỉnh | Trung bình đến Khó | Dễ đến Trung bình | Dễ |
| Xuất/Triển khai | Trung bình | Trung bình | Dễ |
| Đường cong học tập | Trung bình | Dễ đến Trung bình | Dễ |
Đăng ký và Tạo tài khoản
Việc đăng ký Hostinger Horizons mất tôi khoảng hai phút, nhưng không hoàn toàn suôn sẻ.
Khi nhập email, form thoáng hiện “The email address is not valid” trước khi tôi nhập xong phần domain.
Nó biến mất khi trường đã được hoàn thành, nhưng gây một chút nghi ngờ. Tôi đã đăng ký bằng email và mật khẩu, và không cần thẻ tín dụng cho gói dùng thử 7 ngày, điều mà tôi đánh giá cao. Tùy chọn đăng nhập Google và GitHub cũng có sẵn.
Việc đăng ký Base44 có cảm giác nhẹ nhàng hơn. Tôi nhấp Start for free, sử dụng Google OAuth và vào trong bảng điều khiển trong khoảng 45 giây.
Ngay lập tức, Base44 hỏi tôi muốn xây dựng gì và hiển thị ví dụ về lời nhắc như “Create a CRM” hoặc “Build a booking app.” Một chút hướng dẫn đó giúp giảm rào cản cho những người không biết bắt đầu từ đâu.
Lovable thể hiện đúng tính đơn giản của Base44. Tôi đã đăng ký bằng email, xác minh một lần và vào bảng điều khiển chưa đầy một phút.
Không có wizard hướng dẫn. Chỉ có một trường nhập lớn hỏi tôi muốn xây dựng gì. Điều đó khiến Lovable cảm giác mượt mà nhất, mặc dù người mới có thể đánh giá cao ví dụ của Base44.
Dù cả ba đều dễ tham gia, Lovable cho cảm giác nhanh nhất, Base44 có cảm giác chào đón nhất, còn Horizons có phần hơi gồ ghề nhưng vẫn chấp nhận được.
Giao diện người dùng và Bảng điều khiển
Giao diện Hostinger Horizons được thiết kế tối giản và ưu tiên hội thoại. Không có sidebar cố định hay điều hướng trên cùng cản trở không gian làm việc. Thay vào đó, màn hình tập trung vào một hộp lời nhắc duy nhất hỏi, “What should we build today?”
Khi một dự án được kích hoạt, bố cục chuyển sang chế độ xem phân tách sạch sẽ: bảng chat bên trái để nhập lời nhắc và phản hồi, và bản xem trước trực tiếp của ứng dụng ở bên phải.
Một nút chuyển mã tinh tế cho phép bạn kiểm tra hoặc xuất React và Tailwind CSS bên dưới, nhưng không chiếm ưu thế trong trải nghiệm.
Bảng điều khiển của Base44 cân bằng giữa sự đơn giản và hướng dẫn. Đăng nhập lần đầu, tôi được chào đón bằng một bố cục sạch sẽ nhưng có chủ đích: một trường nhập nổi bật ở giữa hỏi tôi mô tả ứng dụng tôi muốn tạo, một menu điều hướng trên cùng với các tùy chọn rõ ràng như Apps, Integrations và Templates, cùng một phần được tuyển chọn bên dưới trình bày các danh mục ứng dụng phổ biến, bao gồm CRM, Personal Finance, Education và hơn thế nữa.
Thiết kế này làm rõ ngay Base44 dùng để làm gì và cách bắt đầu, đồng thời vẫn cung cấp các lộ trình có cấu trúc cho những người thích duyệt mẫu hoặc khám phá tích hợp.
Giao diện tạo cảm giác chào đón cho người không chuyên mà không che giấu khả năng nâng cao. Mọi thứ chỉ cách một cú nhấp, nhưng không có gì tranh giành sự chú ý ngay từ đầu.
Trình chỉnh sửa của Lovable được thiết kế chu đáo nhất. Nó sử dụng bố cục ba cột: chat bên trái, bản xem trước sống ở giữa, và một bảng bối cảnh bên phải hiển thị lược đồ, secrets và components.
Tôi luôn biết những gì tồn tại và tôi đang ở đâu. Điều đó giảm tải nhận thức trong các phiên làm việc kéo dài.
Lovable có thiết kế không gian làm việc tốt nhất. Base44 đơn giản nhất. Horizons phô bày nhiều quyền kiểm soát nhất.
Tùy chỉnh và Chỉnh sửa
Hostinger Horizons xử lý tùy chỉnh như chỉnh sửa trực quan hoặc thay đổi mã. Đối với các chỉnh sửa đơn giản (thay đổi văn bản tiêu đề, hoán đổi hình ảnh, điều chỉnh màu sắc), tính năng nhấp để chỉnh sửa hoạt động liền mạch.
Đối với các thay đổi phức tạp, như sửa đổi quan hệ cơ sở dữ liệu hoặc thêm tính năng mới, tôi phải sử dụng chat AI, có thể mất 2-5 phút cho mỗi thay đổi và tiêu tốn tín dụng.
Trình chỉnh sửa mã (có trên gói Starter trở lên) cho phép tôi chỉnh sửa thủ công các thành phần React và CSS, nhưng đòi hỏi kiến thức lập trình thực tế. Đường cong học tập ở đây khá dốc nếu bạn muốn tùy chỉnh sâu hơn ngoài các thay đổi bề mặt.
Quá trình tùy chỉnh của Base44 dễ dàng hơn mong đợi, nhưng không qua kéo và thả truyền thống.
Thay vào đó, nó sử dụng chế độ chỉnh sửa trực quan nhận biết ngữ cảnh: khi bạn nhấp nút “Visual Edit” (nằm trong thanh hành động dưới cùng bên trái), giao diện làm nổi bật các phần tử có thể chỉnh sửa trên trang (ví dụ: khối văn bản, thẻ, nút) với viền xanh và điều khiển nội tuyến.
Sau đó, bạn có thể nhấp vào bất kỳ phần tử được làm nổi bật để mở bảng thuộc tính và điều chỉnh nội dung, kiểu dáng, khả năng hiển thị hoặc liên kết dữ liệu trực tiếp.
- Để thay đổi tiêu đề, tôi nhấp vào khối văn bản → chỉnh sửa nội dung trong thanh bên.
- Để thay đổi vị trí một phần, tôi sử dụng thanh trượt Order trong cài đặt phần tử (không kéo và thả).
- Để cập nhật màu sắc hoặc khoảng cách, tôi điều chỉnh biến theme toàn cục hoặc kiểu dáng riêng cho từng phần tử.
Đối với thay đổi logic, như thêm xác thực trường hoặc sửa đổi quy tắc lịch đặt, chat AI xử lý chúng hiệu quả, thường giải quyết yêu cầu trong một hoặc hai tin nhắn. Sự trừu tượng giúp tôi không phải vào mã hầu hết thời gian, điều này tăng tốc độ phát triển.
Tuy nhiên, điều này cũng đồng nghĩa với việc kiểm soát chi tiết ít hơn: luồng điều kiện phức tạp hoặc hooks JavaScript tùy chỉnh đòi hỏi chuyển sang chế độ xem mã (gói trả phí), nơi bạn viết hàm backend hoặc chỉnh sửa logic được tạo ra thủ công.
Lovable khiến quá trình tùy chỉnh như một cuộc trò chuyện. Phương pháp “vibe editing” có nghĩa tôi có thể nói như “Làm cho bảng điều khiển trông chuyên nghiệp hơn” hoặc “Nút này nên nổi bật hơn”, và Lovable sẽ hiểu định hướng thẩm mỹ một cách thông minh.
Đối với thay đổi kỹ thuật, tôi có thể cụ thể (“Thêm bộ lọc chỉ hiển thị tác vụ được phân công cho người dùng hiện tại”) hoặc mơ hồ (“Thêm bộ lọc tốt hơn”), và Lovable sẽ triển khai các giá trị mặc định hợp lý.
Tính năng nhấp để chỉnh sửa hoạt động với văn bản và kiểu dáng cơ bản. Khi tôi cần kiểm soát sâu hơn, nhấp nút “Code” sẽ hiện React sạch, dễ đọc mà tôi có thể chỉnh sửa trực tiếp.
Cảm nhận trong thực tế:
- Horizons trao cho bạn quyền kiểm soát, nhưng yêu cầu sự thoải mái về kỹ thuật.
- Base44 mang lại sự đơn giản, nhưng giới hạn mức độ bạn có thể đẩy nó đi xa.
- Lovable mang đến trạng thái trung gian mượt mà nhất.
Kiểm thử và Gỡ lỗi
Với Hostinger Horizons, hầu hết việc gỡ lỗi diễn ra bên ngoài nền tảng. Trong quá trình tạo, AI đôi khi tự phát hiện và sửa lỗi. Nhưng sau khi triển khai, khi có thứ gì đó không hoạt động, tôi thường mở Chrome DevTools. Ví dụ, khi gửi form bị lỗi, console hiển thị lỗi Supabase Row Level Security. Horizons không hiển thị điều đó trong giao diện.
Ưu điểm là mã được tạo dễ đọc. Khi tìm ra lỗi, tôi có thể lần theo từ component → Supabase client → chính sách SQL và sửa. Nếu bạn quen với công cụ trình duyệt, điều này khả thi. Nếu không, nó đáng sợ.
Base44 chọn cách tiếp cận ngược lại. Lỗi xuất hiện dưới dạng tin nhắn thân thiện trong ứng dụng như:
“Không thể tạo đặt chỗ. Vui lòng thử lại.”
Điều đó tốt cho người dùng cuối, nhưng không tuyệt với nhà phát triển. Tôi không thể biết tại sao có lỗi. Không có stack trace, không có nhật ký. Tôi thường phải mở trình xem cơ sở dữ liệu và kiểm tra bảng để đoán nguyên nhân. Cảm giác gỡ lỗi trong một hộp đen.
Lovable mang lại cân bằng tốt nhất. Tôi có thể xem nhật ký console trực tiếp trong giao diện, và khi có lỗi, Lovable thường báo và đề nghị sửa.
Nhấp Yes kí…
(Truncated due to length)