Vì Visualping quá đắt nên tôi đã tự làm một SaaS giám sát thay đổi trực quan của website (SiteSnapshot)

Xin chào các độc giả GeekNews.
Tôi là một người làm IT, có 13 năm kinh nghiệm phát triển backend và hiện đang hoạt động như một maker solo.
Khi làm công việc cho web agency hoặc bảo trì, tôi thường nhận được liên hệ từ khách hàng rằng “website bị lỗi giao diện”, nhưng khi vội vàng vào kiểm tra thì nhiều trường hợp lại vẫn bình thường. (Có lẽ ai cũng từng gặp tình huống hóa ra chỉ là lỗi tạm thời hoặc vấn đề cache trình duyệt.)
Hiện đã có những công cụ rất tốt như Visualping hay UptimeRobot, nhưng khi quản lý nhiều website của khách hàng thì chi phí khá áp lực (chỉ có gói Enterprise), hoặc chỉ kiểm tra ping đơn thuần thì khó phát hiện những vấn đề như giao diện bị vỡ màn hình (ví dụ lỗi CSS).
Vì vậy, tôi đã phát triển SiteSnapshot với ý nghĩ: “hãy tự tạo một công cụ giám sát trực quan mà agency hay đội phát triển có thể dùng mà không quá tốn kém”.
​

• Giải quyết vấn đề gì?
  Giám sát trực quan: Không chỉ kiểm tra server còn sống hay không (200 OK), mà còn chụp lại màn hình thực sự do trình duyệt render và so sánh (Diff) với thời điểm trước đó để thông báo trực quan những phần UI bị vỡ hoặc đã thay đổi.
  Bằng chứng công việc: Tự động tạo báo cáo hằng tuần/hằng tháng (PDF) có thể gửi cho khách hàng. Tôi làm tính năng này để dùng như bằng chứng rằng “chúng tôi đang quản lý như thế này”.
  Hiệu quả chi phí: Mục tiêu là cung cấp tần suất kiểm tra nhiều hơn và thời gian lưu trữ dài hơn với mức chi phí rẻ hơn rất nhiều so với các đối thủ hiện có.
  ​
• Tech Stack
  Tôi nghĩ độc giả GeekNews sẽ tò mò hơn về phần kỹ thuật nên xin chia sẻ.

Frontend/Backend: Next.js (App Router), TypeScript
Database: Supabase (PostgreSQL)
Deployment: Vercel
Core Engine: Chụp ảnh màn hình bằng Headless Chrome và so sánh hình ảnh bằng thuật toán Pixel-match
Sắp ra mắt: Hiện tôi cũng đang phát triển một agent nhẹ bằng Go (Golang) để giám sát intranet nội bộ / môi trường local. (Sẽ sớm công bố!)
​

• Xin phản hồi
  Có thể đăng ký miễn phí, và bạn cũng có thể đăng ký job miễn phí cho dịch vụ mình đang dùng.
  Vì đây vẫn là phiên bản đầu tiên do một mình tôi phát triển nên còn rất nhiều thiếu sót.
  Tôi đặc biệt mong chờ những phản hồi “cay” từ các bạn GeekNews về mặt UX hoặc độ chính xác của cảnh báo giám sát.
  Dù là “sao không có tính năng này”, hay “chỗ này bất tiện”, tôi đều rất cảm kích với mọi ý kiến.
  Bạn có thể thử ngay tại link bên dưới mà không cần cài đặt gì thêm.

Dù còn thiếu sót, nếu có điểm nào tôi có thể hỗ trợ, xin hãy để lại bình luận!

Tôi sẽ trả lời bằng tất cả sự chân thành của mình!

Xin cảm ơn.

[sitesnapshot]

https://sitesnapshot.io