Berend van Dijk,
What I build.

Financial coaching & mortgage-advice platform · client project · €0/month infra

Next.js App Router + Sanity CMS. Fully overhauled since the first version: a new mortgage-advice section, a live public-data pipeline and a custom design system.

• Programmatic local-SEO engine: a single dynamic route powering ~20 location and 8 life-situation pages, with a code-vs-CMS split and anti-thin-content gating.
• Fail-soft data pipeline: live CBS figures, the NHG cost ceiling and a build-time energy-label aggregate (EP-Online, 220MB register via PDOK) — every source fails safely to null.
• Custom 'Wave' design system (procedural SVG waves + Tailwind-v4 token layer, dark mode) and a self-built signed CRM/booking integration that replaced Cal.com + Attio.
• Dual-channel server-side conversion tracking (Google Ads Data Manager Enhanced Conversions + Meta CAPI).

Full-stack community platform · Sony Mavica retro photography · personal project

A complete social platform from scratch: Next.js frontend + Python/FastAPI backend, fully on Cloudflare's edge, with a forensic ML pipeline and an eBay affiliate marketplace.

• SPN forensic camera identification: source-camera matching via wavelet sensor-pattern-noise (CDF 9/7 residuals + NCC), pgvector-backed.
• FastAPI backend on Cloudflare Containers (Durable-Object container classes, EU-pinned alongside Neon); frontend on Workers via OpenNext.
• AI moderation on Workers AI (ResNet NSFW, Llama 3.1 toxicity, DETR object detection) with a per-user AI budget.
• 37 Alembic migrations · 698 commits / PRs up to #358 in 3 months · gated staging with per-PR ephemeral Neon branches.

Webshop & portfolio for generative art · personal project · retro skeuomorphic

Next.js + Sanity + Stripe. Sells signed giclée prints of code-generated art, with an interactive 'Lab' of creative tools and an educational hub.

• Interactive 'Lab': 10+ generative/algorithmic art tools in the browser (Three.js / Mafs).
• Copy-protected content (visible + invisible watermark); print fulfilment via the Werk aan de Muur API.
• Operated as a product in the BVDART Ops fleet: content agent with a two-key publish gate and a bws→Vercel secret plane.

IT/web-dev company site · personal project · bilingual NL/EN

Next.js + Sanity, bilingual. A separate agentic research pipeline feeds a weekly 'AI Intel' content model (blog + AI dictionary).

• In-CMS AI translation via Sanity Agent Actions across ~28 document types.
• 'AI Intel' architecture with source provenance (RSS/Reddit/GitHub/arXiv → NotebookLM), fed by a separate agentic harness.
• Editorial workflow (Draft → Review → Approved → Published) + feature-flag A/B experiments.

Autonomous multi-agent platform that monitors and self-maintains production sites · personal R&D

A self-driving ops loop: measures goals → detects deviations → dispatches AI coding agents → reviews and merges their pull requests. The entire system is configuration: 62 measurable SLOs across 18 domains, a fleet of 10 specialized agents, and a formal governance model. A working prototype, currently inactive and under further development.

• 10-agent fleet (dispatcher → coder → merger → 7 specialists), coordinated via shared Git state, GitHub labels and a project board — no direct agent-to-agent messaging.
• Governance & safety: fleet-wide kill switch, staged autonomy (shadow→review→active), two-key merge gate, prompt-injection guards and dispatch budgets — captured in 49 ADRs.
• Config-as-truth: behaviour lives in versioned, diff-able TOML + prompt fragments, rendered and snapshot-tested in CI so every behavioural change is a reviewable PR diff.
• Read-only React/Vite ops console (30+ views) behind Google IAP; keyless CI/CD to Cloud Run via Workload Identity Federation.

Observability & data platform that brings together data from all my projects · personal project

11 collectors pull metrics from 12+ sources (Search Console, GA4, Lighthouse, Sentry, GitHub, Google Ads, eBay/Amazon, Sanity, Neon, Cloudflare, Vercel) into a BigQuery warehouse. A Next.js command center visualises everything; a Gemini data agent answers questions in natural language.

• BigQuery warehouse: day-partitioned, clustered, idempotent MERGE upserts; append-only data separated from mutable state in Cloud SQL, with a single zod→BigQuery schema as the source of truth.
• Natural-language querying via Google's Gemini Conversational Analytics API (NL → SQL → BigQuery), with a custom two-layer scope guard that refuses cross-project leaks.
• 100% Infrastructure-as-Code: Terraform provisions BigQuery, 11 Cloud Run Jobs, Scheduler, a private Cloud SQL and an IAP + HTTPS load balancer.
• Keyless CI/CD (GitHub → GCP via Workload Identity Federation); runs steadily for ~€15–20/month.

Hand-rolled first-person 3D engine + game in pure CSS 3D · zero 3D dependencies · personal R&D

A complete first-person 3D engine and game built in pure CSS 3D (preserve-3d, perspective, matrix3d) — no WebGL, no Three.js, not a single 3D library. It proves browser-native CSS reaches far enough for a real, playable 3D world; the walkable gallery in this portfolio is a direct spin-off of it.

• Custom FPS engine: pointer-lock controls, momentum physics and platforming (slopes, moving platforms, conveyors, pits), with matrix3d projection that maps a flat plane exactly onto three world corners — all on a single requestAnimationFrame loop, compositor-aware.
• Diegetic camera subsystems: a raycasting 'LCD feed' that renders the 3D scene low-res to canvas, plus inventory (floppy/battery/lens/flash), scoring, tiers and a bestiary — a complete game, not a tech demo.
• World/level system with VRAM isolation (worlds stay mounted but inactive at display:none) and a custom VFD/industrial UI design system.
• ~18,700 lines of TypeScript across 1087 commits, entirely without a 3D library — the CSS-3D depth built here is directly applicable to commercial projects.