Bolt.new: Hướng dẫn thực tiễn về cách tạo ứng dụng không cần viết mã

Yêu cầu thay đổi ứng dụng

Ý tưởng chính đằng sau các công cụ AI chuyển văn bản thành ứng dụng là chúng ta có thể hiện thực hóa ý tưởng mà không cần biết lập trình, chỉ bằng cách trò chuyện với AI và yêu cầu thay đổi.

Để kiểm nghiệm tuyên bố vibe-coding đó, tôi yêu cầu mỗi bài tập phải gồm nhiều hiệp.

Bolt.new đã thực hiện thay đổi; tuy nhiên, khi thử render lại ứng dụng, nó gặp lỗi.

Giao diện nhận biết lỗi và cho phép tự động thử sửa lỗi.

Đôi khi công cụ có thể xác định trực tiếp lỗi và tự sửa. Tuy nhiên, trong trường hợp này, các thay đổi mới lại kéo theo lỗi khác:

Sau vài vòng sửa lỗi, chúng tôi đã có một phiên bản hoạt động, trong đó mỗi buổi tập có nhiều bài tập, mỗi bài tập có nhiều hiệp (số lần lặp). Với mỗi hiệp, chúng ta có thể theo dõi số lần lặp đã làm, sau đó đưa phản hồi về mức độ khó mà mình cảm nhận.

Dữ liệu phản hồi sẽ được dùng để lập kế hoạch cho các phiên tập sau. Tôi muốn trò chuyện để hỏi chi tiết về cách dữ liệu này được sử dụng, nhưng lúc đó tôi đã hết lượt dùng trong ngày. 

Một vấn đề tôi thường gặp khi tạo các ứng dụng kiểu này là chúng ta ít có quyền kiểm soát những gì diễn ra bên dưới. Ta có thể quan sát khi dùng thử ứng dụng, nhưng không phải lúc nào cũng đủ để hiểu đầy đủ cách mọi thứ được triển khai.

Xem mã nguồn của Bolt.new

Nếu bạn biết lập trình, bạn có thể hiểu cách ứng dụng hoạt động bằng cách xem mã. Trái với Lovable, Bolt.new giúp việc xem mã ngay trong giao diện web trở nên rất dễ dàng.

Khi mở trình soạn thảo mã, chúng ta có thể thấy tất cả tệp dự án, và nhấp vào một tệp sẽ mở nó trong trình soạn thảo để xem cách hoạt động và chỉnh sửa trực tiếp trên trình duyệt. 

Ở đó, tôi thấy một tệp tên là workoutGenerator.ts, cái tên cho thấy nó chứa logic tạo bài tập mới.

Vì đã hết lượt, tôi sao chép và dán mã vào ChatGPT và nhờ giải thích. Đây là tóm tắt cách hoạt động:

Ứng dụng tạo một bài tập mới cho bạn mỗi ngày bằng cách xem những gì bạn đã làm. Nó theo dõi số buổi tập bạn hoàn thành và luân phiên qua các loại như thân trên, thân dưới hoặc toàn thân để cơ bắp được rèn luyện cân bằng theo thời gian. Với mỗi loại buổi tập, nó ngẫu nhiên chọn một số bài tập phù hợp nhóm cơ, để bạn không luôn lặp lại cùng động tác.

Nó cũng chú ý đến mức độ bạn hoàn thành trong các buổi tập trước. Nếu một bài tập cảm thấy dễ và bạn thường xuyên thành công, nó sẽ tăng nhẹ mức tạ hoặc thêm lần lặp để bạn tiếp tục được thử thách. Nếu một bài tập quá khó, nó sẽ giảm tạ để phù hợp hơn. Cách này giúp bài tập điều chỉnh theo tiến bộ của bạn và giúp bạn cải thiện với tốc độ hợp lý mà không quá sức. Với tôi, điều này hợp lý, đặc biệt cho phiên bản đầu tiên của sản phẩm.

Xuất bản ứng dụng Bolt.new

Để xuất bản ứng dụng, chỉ cần nhấp nút "Publish" ở góc trên bên phải.

Khi xuất bản xong, chúng ta nhận được một URL trong khung chat để mở ứng dụng.

Chúng ta có thể dùng ứng dụng trên trình duyệt và chia sẻ với người khác. Chúng ta cũng có thể cài đặt trên điện thoại. Nhưng vì đây là ứng dụng web, chúng ta không cài qua cửa hàng ứng dụng; mà thực hiện từ trình duyệt bằng cách:

1. Mở liên kết trên điện thoại.
2. Nhấn menu tùy chọn trong trình duyệt.
3. Nhấn tùy chọn "Add to Home screen".

Đáng tiếc, Bolt.new không biến ứng dụng thành progressive web app (PWA) sẵn. Điều này có nghĩa là khi cài trên điện thoại theo cách vừa nêu, nó chỉ tạo một liên kết trên màn hình chính, nên trải nghiệm không khác nhiều so với dùng trên trình duyệt.

Tôi đã yêu cầu chuyển ứng dụng thành PWA để nó hoạt động như ứng dụng native, nhưng không suôn sẻ. Bolt.new bắt đầu ổn khi tạo các tệp cần thiết, nhưng một yêu cầu của PWA là có logo hình ảnh. Đáng tiếc, nỗ lực tạo ảnh của Bolt.new bằng cách ghi byte hình ảnh không chỉ có thể tạo ra ảnh vô nghĩa mà còn ngốn hết token.

Thiết lập tên miền tùy chỉnh

URL chúng ta nhận cho ứng dụng được tạo tự động, không lý tưởng cho môi trường sản xuất. Với sản phẩm thực tế, chúng ta cần mua và cấu hình tên miền riêng. Có thể thực hiện điều này trên trang "Domains & Hosting" trong cài đặt dự án.

Phiên bản hiện tại của ứng dụng không lưu dữ liệu trong cơ sở dữ liệu. Do đó, nếu chúng ta mở ứng dụng trên máy tính rồi trên điện thoại, sẽ không thấy cùng dữ liệu. Có lưu trữ cục bộ trên thiết bị, nên nếu bạn dùng cùng thiết bị, dữ liệu sẽ được lưu cục bộ. Vì vậy, nếu làm mới ứng dụng, chúng ta sẽ không mất kế hoạch tập hiện tại và các buổi tập trước.

Điều này chấp nhận được cho nguyên mẫu, nhưng hoàn toàn không phù hợp cho sản phẩm thương mại. Hiện tại, xác thực và cơ sở dữ liệu vẫn đang beta. Bạn có thể truy cập bằng cách đăng ký tham gia chương trình beta riêng của họ.

Kết luận

Tôi tin rằng Bolt.new là công cụ tuyệt vời để nhanh chóng dựng nguyên mẫu và kiểm chứng ý tưởng sản phẩm. Tuy nhiên, AI có xu hướng triển khai tính năng ở mức bề mặt, nghĩa là các ứng dụng có chiều sâu đòi hỏi lặp đi lặp lại rất nhiều. 

Ngay cả khi cung cấp prompt ban đầu chi tiết, kết quả chỉ chạm bề nổi của đặc tả đầy đủ, và giới hạn token của gói miễn phí khiến gần như không thể xây dựng điều gì có ý nghĩa nếu không đăng ký trả phí.

Hơn nữa, với các dịch vụ cốt lõi như xác thực và hỗ trợ cơ sở dữ liệu vẫn đang beta, tôi khuyên nên đợi đến khi phát hành đầy đủ trước khi cố xây dựng ứng dụng sẵn sàng cho sản xuất. 

Tổng thể, Bolt.new hoạt động khá giống các đối thủ, nhưng điểm nổi bật là khả năng xem và chỉnh sửa mã nguồn trực tiếp trong giao diện web; một lợi thế quan trọng giải quyết một trong những bức xúc lớn tôi gặp ở các nền tảng như Lovable.