Weil Visualping zu teuer war, habe ich selbst ein SaaS zur Überwachung visueller Website-Veränderungen gebaut (SiteSnapshot)

Hallo, liebe GeekNews-Leserinnen und -Leser.
Ich bin Backend-Entwickler mit 13 Jahren Berufserfahrung und derzeit als Solo-Maker im IT-Bereich aktiv.
Wenn man in einer Webagentur arbeitet oder Wartungsaufgaben übernimmt, kommt es oft vor, dass ein Kunde meldet: „Die Website ist kaputt.“ Wenn man dann hektisch nachschaut, ist am Ende häufig alles in Ordnung. (Viele von euch haben sicher auch schon erlebt, dass es sich im Nachhinein nur um einen temporären Fehler oder ein Browser-Cache-Problem gehandelt hat.)
Zwar gibt es bereits hervorragende Tools wie Visualping oder UptimeRobot, aber wenn man mehrere Kundenseiten verwaltet, sind die Kosten oft belastend (nur Enterprise), und mit einfachen Ping-Prüfungen lässt sich schwer erkennen, wenn die UI auf dem Bildschirm kaputtgeht, etwa durch CSS-Fehler.
Deshalb habe ich SiteSnapshot entwickelt – mit der Idee, ein „visuelles Monitoring-Tool zu bauen, das Agenturen oder Entwicklungsteams ohne große finanzielle Belastung nutzen können“.
​
-Welches Problem löst es?
​Visual Monitoring: Es prüft nicht nur, ob der Server läuft (200 OK), sondern erfasst den tatsächlich im Browser gerenderten Bildschirm und vergleicht ihn mit einem früheren Zeitpunkt (Diff), um visuell darauf hinzuweisen, wenn die UI kaputt ist oder sich etwas verändert hat.
​Proof of Work: Es erstellt automatisch wöchentliche/monatliche Reports (PDF), die an Kundinnen und Kunden verschickt werden können. Gedacht ist das als Nachweis nach dem Motto: „So verwalten wir das.“
​Kosteneffizienz: Ziel ist es, im Vergleich zu bestehenden Wettbewerbern deutlich günstigere Preise bei gleichzeitig mehr Prüfintervallen und längeren Aufbewahrungszeiträumen anzubieten.
​
-Technologie-Stack (Tech Stack)
Ich dachte, die GeekNews-Community interessiert sich besonders für die technischen Details, daher teile ich sie hier.

​Frontend/Backend: Next.js (App Router), TypeScript
​Database: Supabase (PostgreSQL)
​Deployment: Vercel
​Core Engine: Screenshot-Erfassung mit Headless Chrome und Bildvergleich mit dem Pixel-match-Algorithmus
​Coming Soon: Derzeit entwickle ich außerdem einen leichtgewichtigen Agenten in Go (Golang) für das Monitoring von Intranet-/lokalen Umgebungen im Unternehmen. (Veröffentlichung in Kürze!)
​
-Feedback erbeten
Eine kostenlose Registrierung ist möglich, und auch das Anlegen von Jobs für die von euch genutzten Services ist kostenlos.
Da es sich noch um eine frühe Version handelt, die ich allein entwickelt habe, gibt es noch viele Dinge, die verbessert werden können.
Insbesondere freue ich mich auf schonungslos ehrliches Feedback der GeekNews-Community – vor allem zu UX-Aspekten und zur Genauigkeit der Monitoring-Benachrichtigungen.
​Ob „Warum gibt es diese Funktion nicht?“ oder „Dieser Teil ist unpraktisch“ – ich bin für jede Meinung dankbar.
Über den untenstehenden Link könnt ihr es ohne separate Installation direkt ausprobieren.

Auch wenn es noch nicht perfekt ist: Wenn ich irgendwie helfen kann, hinterlasst gern einen Kommentar!

Ich werde aufrichtig und so gut ich kann antworten!

​Vielen Dank.

[sitesnapshot]

https://sitesnapshot.io