Onlook - Công cụ tạo ứng dụng tùy biến bằng Webflow mã nguồn mở

• Công cụ nền web cho phép chỉnh sửa web app và xây dựng UI trực quan mà không cần viết mã
• Hỗ trợ React và TailwindCSS
  • Có thể chỉnh sửa và viết lại ứng dụng React trên máy cục bộ theo thời gian thực
  • Chèn một phần CSS vào trang để có thể chọn và kéo thả các phần tử DOM, đồng thời theo dõi thay đổi rồi chuyển ngược lại thành mã React
• Những điểm thú vị
  • Tích hợp sẵn trình phân tích React có khả năng phân tích style, chèn và tuần tự hóa thành mã
  • Cũng bao gồm bộ tiền xử lý React chuyển đổi các phần tử DOM thành đoạn mã tương ứng
  • Phân tích/chèn CSS và chuyển đổi sang Tailwind
  • Hoạt động như một ứng dụng Electron để truyền thông điệp với ứng dụng Node

[GN⁺]

Ý kiến trên Hacker News

• Sẽ sẵn sàng trả mức giá cao nếu tích hợp được với Microsoft PCF và các công cụ build
• Không rõ 'components' ở đây nghĩa là gì, nhưng nếu có thể đưa React component vào editor để nhà thiết kế WYSIWYG chỉnh sửa props thì sẽ rất hữu ích
• Chế độ thiết kế/phát triển không khớp với cách các nhóm thực sự làm việc
  • Lập trình viên làm nhiều công việc thiết kế hơn người ta nghĩ
  • Nhà thiết kế phụ trách các phần phức tạp, còn lập trình viên phụ trách các thiết kế đơn giản
  • Điều hướng và routing có thể phức tạp nên lập trình viên thường đảm nhiệm bố cục màn hình
  • Design system được triển khai bằng component và được chỉnh sửa do vấn đề về khả năng sử dụng hoặc do bổ sung thiết kế
  • Nhà thiết kế muốn tái cấu trúc các component thành section và màn hình
  • Nhà thiết kế muốn thiết lập các props như hình ảnh, văn bản, ID, và muốn các component phát triển được tự động đồng bộ
• Có vẻ dự án này đang cân bằng khá tốt giữa phát triển và thiết kế
• Sẽ tốt nếu cung cấp mã nguồn mở cùng một tầng hosting trả phí
• Dự án này đáng để theo dõi
• Tính năng cho thấy mã và phần khác biệt rồi có thể viết lại có vẻ sẽ rất hữu ích
• Là một người dùng AOLPress, thật ngạc nhiên khi đến năm 2024 vẫn chưa có nhiều công cụ WYSIWYG hơn, nhưng cũng hiểu vì sao thiết kế lại khó
• Hầu hết công cụ cố nhắm tới cả lập trình viên lẫn nhà thiết kế nhưng cuối cùng lại không làm tốt cho bên nào
• Chất lượng và khả năng bảo trì của mã được tạo ra cũng là một vấn đề
• Có ý kiến cảm ơn vì đã làm dự án này thành mã nguồn mở
• Thêm một vài câu hỏi:
  • Có kế hoạch kiếm tiền không, nếu có thì ý tưởng là gì
  • Bức tranh lớn cho Studio là gì, sẽ chỉ tập trung vào chỉnh sửa style hay định cung cấp mọi thứ cần thiết để xây dựng website
• Muốn một trình chỉnh sửa trực quan như Webflow nhưng không có BS và chính sách giá quá quyết liệt
• Cần một công cụ tạo ra HTML, CSS, JS đơn giản để bất kỳ ai trong công ty cũng có thể chỉnh sửa hoặc tạo trang mới
• Tò mò không biết đã dùng gì để làm animation
• Cách tiếp cận dùng React parser để chèn style rồi tuần tự hóa trở lại thành mã khá thú vị
• Tò mò vì sao lại viết lại bằng Svelte thay vì React
• Nghĩ rằng mô hình lắp ráp UI của Webflow là điểm giao thoa tốt giữa sự đơn giản và khả năng tùy biến
• Webflow đắt đỏ và không thích việc dự án bị đặt dưới sự kiểm soát của họ
• CTA "Nói chuyện với nhà sáng lập" có thể gây khó hiểu
  • Nên đổi thành câu chữ truyền tải giá trị cho người dùng như "Đặt lịch demo"
• Webflow là một ứng dụng SaaS, nhưng ứng dụng này cần hosting
  • Người dùng không chuyên kỹ thuật có thể không biết cách hosting
  • Lập trình viên phải cân nhắc thời gian hosting và bảo trì
  • Sẽ tốt nếu cung cấp dưới dạng mã nguồn mở nhưng cũng có phiên bản được hosting