Berend van Dijk,
Wat ik bouw.

Financieel coaching- & hypotheekadviesplatform · klantproject · €0/maand infra

Next.js App Router + Sanity CMS. Sinds de eerste versie volledig herzien: een nieuwe hypotheekadvies-sectie, een live publieke-databron-pijplijn en een eigen design system.

• Programmatic local-SEO engine: één dynamische route die ~20 plaats- en 8 levenssituatie-pagina's voedt, met code-vs-CMS-splitsing en anti-thin-content gating.
• Fail-soft datapijplijn: live CBS-cijfers, NHG-kostengrens en een build-time energielabel-aggregaat (EP-Online, 220MB-register via PDOK) — elke bron faalt veilig naar null.
• Eigen 'Wave' design system (procedurele SVG-golven + Tailwind-v4 token-laag, dark mode) en een zelfgebouwde signed CRM/booking-integratie die Cal.com + Attio verving.
• Dual-channel server-side conversietracking (Google Ads Data Manager Enhanced Conversions + Meta CAPI).

Full-stack community platform · Sony Mavica retro-fotografie · eigen project

Compleet social platform from scratch: Next.js frontend + Python/FastAPI backend, volledig op Cloudflare's edge, met een forensische ML-pipeline en een eBay-affiliate marketplace.

• SPN forensische camera-identificatie: source-camera matching via wavelet sensor-pattern-noise (CDF 9/7-residuals + NCC), pgvector-backed.
• FastAPI-backend op Cloudflare Containers (Durable-Object container-classes, EU-pinned bij Neon); frontend op Workers via OpenNext.
• AI-moderatie op Workers AI (ResNet NSFW, Llama 3.1 toxicity, DETR object-detectie) met een per-user AI-budget.
• 37 Alembic-migraties · 698 commits / PR's tot #358 in 3 maanden · gated staging met per-PR ephemeral Neon-branches.

Webshop & portfolio voor generatieve kunst · eigen project · retro skeuomorphic

Next.js + Sanity + Stripe. Verkoopt signed giclée-prints van code-gegenereerde kunst, met een interactieve 'Lab' van creatieve tools en een educatieve hub.

• Interactieve 'Lab': 10+ generatieve/algoritmische kunsttools in de browser (Three.js / Mafs).
• Copy-protected content (zichtbaar + onzichtbaar watermerk); print-fulfilment via de Werk aan de Muur API.
• Beheerd als product in het BVDART Ops-fleet: content-agent met two-key publish-gate en bws→Vercel secret-plane.

IT/webdev bedrijfssite · eigen project · tweetalig NL/EN

Next.js + Sanity, tweetalig. Een aparte agentic research-pijplijn voedt wekelijks een 'AI Intel'-contentmodel (blog + AI-woordenboek).

• In-CMS AI-vertaling via Sanity Agent Actions over ~28 documenttypes.
• 'AI Intel'-architectuur met bron-provenance (RSS/Reddit/GitHub/arXiv → NotebookLM), gevoed door een aparte agentic harness.
• Editorial workflow (Draft → Review → Approved → Published) + feature-flag A/B-experimenten.

Autonoom multi-agent platform dat productiesites bewaakt en zelf onderhoudt · eigen R&D

Een zelf-rijdende ops-loop: meet doelen → detecteert afwijkingen → zet AI-coding-agents in → reviewt en merget hun pull requests. Het hele systeem is configuratie: 62 meetbare SLO's over 18 domeinen, een fleet van 10 gespecialiseerde agents, en een formeel governance-model. Werkend prototype, momenteel non-actief en in doorontwikkeling.

• 10-agent fleet (dispatcher → coder → merger → 7 specialisten), gecoördineerd via gedeelde Git-state, GitHub-labels en een project-board — geen directe agent-to-agent messaging.
• Governance & veiligheid: fleet-brede kill-switch, gefaseerde autonomie (shadow→review→active), two-key merge-gate, prompt-injection guards en dispatch-budgets — vastgelegd in 49 ADR's.
• Config-as-truth: gedrag in versioned, diff-bare TOML + prompt-fragmenten, in CI gerenderd en snapshot-getest zodat elke gedragswijziging een reviewbare PR-diff is.
• Read-only React/Vite ops-console (30+ views) achter Google IAP; keyless CI/CD naar Cloud Run via Workload Identity Federation.

Observability- & data-platform dat data van al mijn projecten samenbrengt · eigen project

11 collectors trekken metrics uit 12+ bronnen (Search Console, GA4, Lighthouse, Sentry, GitHub, Google Ads, eBay/Amazon, Sanity, Neon, Cloudflare, Vercel) naar een BigQuery-warehouse. Een Next.js command-center visualiseert alles; een Gemini-data-agent beantwoordt vragen in natuurlijke taal.

• BigQuery-warehouse: day-partitioned, clustered, idempotente MERGE-upserts; append-only data gescheiden van mutabele state in Cloud SQL, met één zod→BigQuery-schema als single source of truth.
• Natuurlijke-taal-query via Google's Gemini Conversational Analytics API (NL → SQL → BigQuery), met een eigen two-layer scope-guard die cross-project-leaks weigert.
• 100% Infrastructure-as-Code: Terraform provisioneert BigQuery, 11 Cloud Run Jobs, Scheduler, private Cloud SQL en een IAP + HTTPS load balancer.
• Keyless CI/CD (GitHub → GCP via Workload Identity Federation); draait stabiel voor ~€15–20/maand.

Handgerolde first-person 3D-engine + game in puur CSS-3D · nul 3D-dependencies · eigen R&D

Een complete first-person 3D-engine én game gebouwd in puur CSS-3D (preserve-3d, perspective, matrix3d) — geen WebGL, geen Three.js, geen enkele 3D-library. Het bewijst dat browser-native CSS ver genoeg reikt voor een echte, speelbare 3D-wereld; de doorloopbare galerie in dit portfolio is er een directe afsplitsing van.

• Eigen FPS-engine: pointer-lock-besturing, momentum-physics en platforming (hellingen, bewegende platforms, lopende banden, putten), met matrix3d-projectie die een plat vlak exact op drie wereldhoeken legt — alles op één requestAnimationFrame-lus, compositor-bewust.
• Diegetische camera-subsystemen: een raycasting-'LCD-feed' die de 3D-scene low-res naar canvas rendert, plus inventory (floppy/batterij/lens/flits), scoring, tiers en een bestiarium — een compleet spel, geen tech-demo.
• Wereld-/level-systeem met VRAM-isolatie (werelden blijven gemount maar inactief op display:none) en een eigen VFD/industrieel UI-designsysteem.
• ~18.700 regels TypeScript over 1087 commits, volledig zonder 3D-library — de opgebouwde CSS-3D-diepte is direct inzetbaar in commerciële projecten.