Naar de inhoud

Eigen product · Monitoring

Blip

Mijn eigen controlecentrum — één privédashboard dat elke klantsite in de gaten houdt (uptime, beveiliging, snelheid, SEO, zoekverkeer, leads en to-do's) en zet wat vandaag aandacht nodig heeft bovenaan.

Klant
Eigen product
Doorlooptijd
1 dag · 1 okt 2026
Rol
Product, ontwerp en ontwikkeling
Sites gemonitord
9
Signalen per project
6
Geplande controletaken
8

De vraag

Ik beheer een groeiend aantal sites en apps van klanten. Elk heeft eigen hosting, een eigen database, analytics en inbox, en problemen kwamen pas boven als een klant ze zag: een certificaat dat bijna verloopt, een mislukte deploy, een lead zonder antwoord, een pagina die traag was geworden. Ik wilde één rustig scherm dat alles voor me controleert en het weinige dat ertoe doet bovenaan zet.

De uitdaging

Het leest productiedata uit de systemen van meerdere klanten, dus het moest privé en veilig zijn vanaf het ontwerp: geen persoonsgegevens van klanten, geen geheimen in de database, geen echte formulierinzendingen naar live sites en niets dat van buitenaf te starten is. En het moest licht blijven: controles die nooit een site belasten, en incidenten alleen voor wat een mens nodig heeft.

Wat ik bouwde

Blip controleert elke gemonitorde site dag en nacht en maakt van de resultaten één gezondheidsscore per project, gesorteerd op wat aandacht nodig heeft. Uptime elke vijf minuten; certificaten, domeinen, security-headers en Dependabot-meldingen elke dag; PageSpeed en een SEO-crawler op een rooster; verkeer uit Search Console en GA4; leadaantallen zonder persoonsgegevens; deploys en pull requests — naast mijn to-do's uit Todoist en een maandrapport dat ik met een klant kan delen. Alleen ik heb toegang, met inloggen in twee stappen, en het gezicht dat me begroet is dezelfde Blip die op deze site woont.

Onder de motorkap

De onderdelen die het werk doen

01Eén scherm voor elk project

Elk project krijgt een gezondheidsscore uit zes signalen — uptime, beveiliging, SEO, snelheid, leads en to-do's — en de lijst staat gesorteerd op wat aandacht nodig heeft, zodat de dag begint met het weinige dat ertoe doet.

02Uptime en incidenten

Elke site wordt elke vijf minuten gecontroleerd. Twee mislukte controles op rij openen een incident, dat zichzelf sluit zodra de site terug is. Een redeploy is één bevestigde klik.

03Beveiliging en code

Certificaten, DNS, domeinverloop en security-headers worden elke dag gecontroleerd, samen met Dependabot-meldingen, open pull requests en vergeten branches uit GitHub.

04Snelheid en SEO

PageSpeed draait op mobiel en desktop, één site tegelijk, en een crawler loopt in batches door elke pagina: kapotte links en ontbrekende titels, beschrijvingen, alt-teksten en hreflang.

05Leads zonder persoonsgegevens

Leadaantallen komen uit de eigen database van elke site via een alleen-lezenrol die alleen een id, een datum en een status ziet — nooit een naam, e-mail of bericht. Leads die 48 uur onbeantwoord blijven, worden gemarkeerd.

06To-do's, acties en rapporten

To-do's blijven gelijk met Todoist, ⌘K springt overal heen of voegt een taak toe, en elke maand kan een vastgezet rapport via een privélink met een klant gedeeld worden.

07Privé vanaf het ontwerp

Alleen-eigenaar-inloggen met een e-maillink en een authenticatorcode, geheimen buiten de database, een planner-geheim dat die database nooit verlaat, strikte security-headers, en formuliercontroles die alleen een spamval-test sturen.

Nagebouwd met voorbeelddata — geen echte klantgegevens.

Gebouwd met

  • React 19
  • Vite
  • Tailwind 4
  • TanStack Query
  • Vercel Functions
  • Supabase Postgres
  • pg_cron
  • Resend

Hoe het tot stand kwam

Van briefing tot live

Doorlooptijd: 1 dag · 1 okt 2026

  1. 1 Oct 2026 · night

    Strategie & planning

    Eerst het plan en het datamodel: een eigen schema in de database met een eigen rol, alleen-eigenaar-inloggen met een e-maillink en een authenticatorcode, en de eerste controles: uptime, status, certificaten en deploys.

  2. 1 Oct 2026 · early morning

    Ontwerp & bouw

    Een warm, rustig ontwerp verving de eerste donkere ‘controlecentrum’-look. Daarna PageSpeed, Search Console en GA4, de SEO-crawler en de maandrapporten voor klanten.

  3. 1 Oct 2026 · morning

    Lancering & automatisering

    Het gezicht van Blip van deze site verhuisde mee, de geplande taken gingen live in de database, en de weekoverzichten draaien nu op mijn eigen machine, zodat het dashboard zonder AI-API-kosten werkt.

Resultaten

Uit de build

commits van de eerste regel code tot live, in één dag
28
automatische tests — scores, database, inloggen en live controles
43
velden met persoonsgegevens leesbaar uit de databases van klanten
0

overige cijfers uit de build en projectgegevens

Volgende stap

Iets vergelijkbaars nodig?

Vertel over je project — een eerste reactie binnen één werkdag, en een vaste prijs op papier voordat er iets begint.

Stap voor stap · van eerste gesprek tot lancering

Een project in gedachten? Laten we het bouwen.

Vertel me wat je verkoopt en wat je nodig hebt. Ik reageer binnen één werkdag met de volgende stappen — of een eerlijk “dit is niets voor mij”.

LinkedIn ↗
Waar ben je naar op zoek?

Volgend project

Equity Partners

Bekijk project