• Lam's Notes
  • Posts
  • Kết luận sau 1 tuần "tung tăng" với v0.dev & replit

Kết luận sau 1 tuần "tung tăng" với v0.dev & replit

Thích nhanh gọn

Dành cho anh muốn có cái kết nhanh thì 0 sẽ xử lý những thứ đơn giản, còn replit sẽ lo mấy cái phức tạp. Xong!

Thích chi tiết

Trong tuần qua, mình đã tạo ra đủ loại ứng dụng như một đầu bếp làm món ăn sáng tạo. Từ đó, mình đã thu được hai ứng dụng "xài được" và bài viết này là kết quả từ một ứng dụng mình build với replit. Cảm giác như mình vừa nhận được hai cái ting ting từ ứng dụng này. Đây chính là thời điểm mà anh em có thể sáng tạo đủ thứ trong một ngày!

Đầu tiên là v0.dev

Để cho anh em không phải chờ lâu, đây là ảnh chụp màn hình từ ứng dụng quản lý email của Google Workspace. Lý do mình làm món này là vì mấy ông Clients cứ gào thét rằng UI chính chủ khó xài quá. Ok, ok, mình sẽ làm! Ủa, mình nhầm, A.I sẽ làm cho quý dị.

Giao diện đăng nhập

Quảm lý người dùng của các tổ chức khác nhau

Xem thông tin cơ bản

Đổi mật khẩu

Cái ứng dụng này kết nối qua API 100%, không cần database gì cả. Mình chỉ cần prompt đơn giản bằng tiếng Việt. Kết quả, mình cảm thấy khá hài lòng.

Sau khi đã OK về mặt giao diện và chức năng, anh em chỉ việc đẩy lên Vercel. Đến đây, chắc chắn sẽ gặp lỗi này nọ, nhưng với Vercel mà nói, vụ logs cực kỳ mạnh. Chỉ cần nhảy vào xem Logs, phát hiện lỗi thì chụp màn hình, quay lại v0.dev "quăng" hình lên và nói: "Ê A.I, mày làm kiểu gì mà có lỗi này mạy?" Thế là nó sẽ chỉnh sửa và anh em lại deploy tiếp. Quá trình này sẽ lặp đi lặp lại cho đến khi anh em mãn nguyện!

Trường hợp A.I "ngỏ cụt" thì sao? Nếu bạn là dev, hãy check lại logic và cung cấp giải thuật hoặc tài liệu cho nó "code tiếp". Còn nếu bạn là dân no-code, chỉ cần tìm một ông dev nào đó hỗ trợ là êm.

Một số món khác mình đã thử với v0

Bảng điều khiển các website WordPress

replit thì sao

Vẫn nên là kết quả trước, đúng khum anh em? 😁 

Trang chủ SleekINV

Trang tạo hóa đơn

Trang chủ BUTCHI.AI mới

Trang admin TaigaWeb CMS

Với replit, mình đã thử lên kế hoạch trước và thực hiện từng bước nhưng gần như thất bại ngay từ phiên bản đầu. Phương án này thật sự khả thi bên v0.

Phương án 2, mình thử upload toàn bộ plan lên và chỉ định cực kỳ chi tiết về cấu trúc thư mục, ngôn ngữ code, database... nhưng cũng thất bại luôn. Phương án này cũng "vẫy tay chào" bên v0.

Phương án thành công mà mình áp dụng ở cả hai nền tảng là lập kế hoạch chi tiết về flow của từng vai trò, không chỉ định công nghệ nào cả.

Sau nhiều lần thử nghiệm, mình nhận ra rằng nó sẽ tự chọn cho mình phương án tối ưu nhất. Tại sao phải giới hạn nó cho mệt?

Mình cũng thử same.dev, mà cái này có vẻ "lõm" quá nên không cần bàn. Mình sẽ theo dõi nó, khi nào lên xịn thì mình sẽ chia sẻ thêm với anh em. Haha, bài chia sẻ cũng chỉ bấy nhiêu thôi!

Chúc anh em thành công!

Reply

or to participate.