Karena Visualping terlalu mahal, saya membuat sendiri SaaS pemantauan perubahan visual situs web (SiteSnapshot)
(sitesnapshot.io)Halo, para pembaca GeekNews.
Saya adalah seorang profesional IT yang telah 13 tahun berkarier sebagai backend developer dan saat ini aktif sebagai solo maker.
Saat mengerjakan proyek agensi web atau pekerjaan maintenance, sering kali saya menerima kabar dari klien bahwa "situsnya rusak", lalu ketika buru-buru dicek ternyata sering kali normal. (Kemungkinan besar banyak dari kalian juga pernah mengalami kasus yang ternyata cuma error sementara atau masalah cache browser.)
Sudah ada tool hebat seperti Visualping atau UptimeRobot, tetapi untuk mengelola banyak situs klien, biayanya cukup membebani (Enterprise only), dan dengan pengecekan ping sederhana saja, sulit mendeteksi kerusakan tampilan UI (seperti error CSS).
Karena itu, saya memutuskan untuk membuat sendiri SiteSnapshot dengan gagasan "tool pemantauan visual yang bisa dipakai agensi atau tim pengembang tanpa beban biaya besar".
-Apa masalah yang diselesaikan?
Visual Monitoring: Bukan sekadar memeriksa apakah server hidup (200 OK), tetapi menangkap layar yang benar-benar dirender oleh browser lalu membandingkannya dengan waktu sebelumnya (Diff) untuk memberi tahu secara visual jika UI rusak atau ada bagian yang berubah.
Proof of Work: Secara otomatis membuat laporan mingguan/bulanan (PDF) yang bisa dikirim ke klien. Saya membuatnya sebagai bukti bahwa "kami mengelola ini seperti ini".
Efisiensi biaya: Menargetkan biaya yang jauh lebih murah dibanding kompetitor yang ada, sambil menyediakan lebih banyak frekuensi pengecekan dan periode penyimpanan.
-Tumpukan teknologi (Tech Stack)
Saya rasa pembaca GeekNews akan lebih penasaran dengan sisi teknisnya, jadi saya bagikan di sini.
Frontend/Backend: Next.js (App Router), TypeScript
Database: Supabase (PostgreSQL)
Deployment: Vercel
Core Engine: Pengambilan screenshot menggunakan Headless Chrome dan perbandingan gambar dengan algoritma Pixel-match
Coming Soon: Saat ini saya juga sedang mengembangkan Agent ringan dengan bahasa Go (Golang) untuk memantau intranet internal/perangkat lokal. (Akan segera dirilis!)
-Permintaan feedback
Pendaftaran gratis tersedia, dan Anda juga bisa mendaftarkan job untuk layanan yang digunakan secara gratis.
Karena ini masih versi awal yang dibuat sendiri oleh satu orang, tentu masih banyak kekurangan.
Saya sangat menantikan feedback tajam dari para pembaca GeekNews, terutama dari sisi UX maupun akurasi notifikasi pemantauan.
Masukan seperti "kenapa fitur ini tidak ada" atau "bagian ini kurang nyaman" akan saya terima dengan sangat terbuka.
Anda bisa langsung mencobanya melalui tautan di bawah ini tanpa instalasi tambahan.
Masih banyak kekurangan, tetapi jika ada bagian yang bisa saya bantu, silakan tinggalkan komentar!
Saya akan menjawab dengan sepenuh hati!
Terima kasih.
1 komentar
https://sitesnapshot.io