Hello ae!
Mình rất thích các công cụ open source. Hôm nay mình muốn chia sẻ về một dự án mà mình vừa thấy trên X, nó là BubbleLab, một nền tảng tự động hóa workflow được xây dựng đặc biệt cho developers
Không giống những workflow builder truyền thống khóa bạn vào những node JSON proprietary, BubbleLab cho phép bạn xuất mã TypeScript sạch sẽ, production-ready mà bạn có thể sở hữu, debug, và deploy bất kỳ đâu. Đó chính xác là những gì một dev lỏ như mình cần.
BubbleLab là gì?
BubbleLab là một nền tảng tự động hóa workflow mã nguồn mở dành riêng cho developers, với hai tính năng cốt lõi làm nên sự khác biệt:
Full Observability (Quan sát toàn diện):
Bạn có thể thấy rõ ràng từng bước thực thi, log chi tiết, tracking token usage, và các metrics hiệu suất. Debug không còn là ác mộng nữa!Code Exportability (Xuất mã dễ dàng):
Xây dựng workflow trực quan trong UI, sau đó xuất thành mã TypeScript sạch sẽ để tích hợp vào dự án của bạn, CI/CD pipelines, hoặc chạy standalone.
Dự án được tính bằng Apache 2.0, và bạn có thể tìm tất cả ở đây: https://github.com/bubblelabai/BubbleLab
Cài đặt BubbleLab
BubbleLab được xây dựng dựa trên kiến trúc monorepo sử dụng pnpm và Bun. Mình sẽ hướng dẫn hai cách cài đặt: cách dễ nhất (local dev) và cách khác nếu bạn muốn khám phá sâu hơn.
Cách 1: Chạy Bubble Studio locally siêu nhanh
Trước tiên, đảm bảo bạn đã cài:
- Bun (để chạy backend API)
- pnpm (package manager)
- Node.js v18+
Rồi chạy:
# 1. Clone repo
git clone https://github.com/bubblelabai/BubbleLab.git
cd BubbleLab
# 2. Install dependencies
pnpm install
# 3. Chạy development mode (setup env tự động!)
pnpm run dev
Xong! Cái setup script sẽ tự động:
- Tạo file
.envtừ examples - Configure dev mode (không cần auth)
- Setup SQLite database
- Build core packages
- Start frontend + backend
Truy cập http://localhost:3000 và bạn đã sẵn sàng xây dựng workflow!
Frontend chạy tại: http://localhost:3000 (Bubble Studio)
Backend API chạy tại: http://localhost:3001
Cách 2: Dùng CLI tool, cho việc tạo project riêng
Nếu bạn muốn tạo một project BubbleLab riêng biệt, chạy:
npx create-bubblelab-app my-first-bubblelab
cd my-first-bubblelab
npm install
npm run dev
Cái tool này sẽ scaffold một project mới với:
- TypeScript pre-configured
- Sample templates (basic, reddit-scraper, v.v.) để bạn chọn
- Tất cả dependencies đã sẵn sàng
- Example workflows bạn có thể customize ngay lập tức
Hướng dẫn sử dụng cơ bản
Sau khi Bubble Studio chạy, đây là những bước đầu tiên:
Bước 1: Tạo workflow đơn giản
- Trên UI, nhấn "New Flow" hoặc "Create"
- Đặt tên cho workflow (ví dụ: "My First Automation")
- Chọn trigger (webhook, schedule, manual, v.v.)
Bước 2: Thêm Bubbles (các node/tools)
Bubbles là những thành phần nhỏ có thể được kết nối lại:
- Tool Bubbles: Scrape web, gọi API, xử lý dữ liệu…
- AI Agent Bubbles: Gọi LLM (GPT, Gemini, v.v.) để phân tích/generate
- Logic Bubbles: Conditions, loops, transforms…
Kéo từng bubble vào canvas và kết nối chúng.
Bước 3: Kiểm tra observability
Nhấn "Run" hoặc "Test Flow":
- Xem mỗi bubble thực thi theo thứ tự
- Kiểm tra input/output của từng step
- Xem token usage, execution time, log đầy đủ
✅ Execution Summary:
Total Duration: 2.5s
Bubbles Executed: 3
Token Usage: 450 tokens
Memory: 95.3 MB
Bước 4: Xuất thành TypeScript
Khi workflow hoàn thành, bạn có thể nhấn "Export as Code" để lấy mã TypeScript:
export class MyFirstFlow extends BubbleFlow<'webhook/http'> {
async handle(payload: any) {
// Your logic here
const result = await new SomeTool({...}).action();
return result;
}
}
Mã này bạn có thể:
- Copy vào project cộng cấp mà không cần UI
- Integrate với CI/CD pipeline
- Deploy trên server, Vercel, Docker container, v.v.
Ví dụ thực tế: Reddit News Scraper
Repository đã có template reddit-scraper để bạn tham khảo. Nó kéo 10 hot posts từ r/n8n, dùng AI (Gemini) để phân tích, rồi return summary. Đó chính là workflow end-to-end sử dụng Tools + AI!
BubbleLab hay ở cái gì?
- Open Source + Full Control: Bạn sở hữu mã nguồn, không bị lock-in bởi vendor
- Developer-First: Được xây dựng bởi dev, cho dev – không có bloat UI thừa thãi
- Type-Safe TypeScript: Hoàn toàn TypeScript, autocomplete đầy đủ khi code
- Production-Ready: Export mã có error handling, logging, metrics sẵn
- Full Observability: Debug dễ dàng, thấy rõ từng step và metrics
- Integrate Anywhere: Export code để chạy standalone, trong backend, cron jobs, etc.
AE nào là dev, AI engineer, hoặc automation enthusiast, mình rất khuyến khích thử nghiệm BubbleLab! Nó vừa dễ dàng để bắt đầu, vừa mạnh mẽ cho production use case.
Like/share nếu thấy hữu ích, và đừng quên fork BubbleLab trên GitHub nếu bạn yêu thích dự án này!
Top comments (0)