A no-jargon tour

How this site works

This is one site that builds itself in public — a living lab where a portfolio, a private set of household tools, a small software product, and a few client projects all run on one machine that ships daily, films itself, and tests its own work. Here’s how the pieces fit together — in plain English. Press play on a journey below and watch the site actually work.

1website
40+distinct tools & pages
11outside services
24/7robots on a schedule

01 — Play it

Trace the signal

Learn how the site works by routing real requests through it. Watch a request travel the wires, then take over and tap the right part at each step. Earn stars and badges as you go — five quick levels and you’ll genuinely understand the whole thing.

🎮 Trace the Signal 
YouFront deskThe hubsorts every requestThe clerksMain memoryExam vaultPhoto storeAI helperLibrarianMail roomCash registerVideo shelfSign-inSmart homeText botNight shift

Level 1 · Open a page

🎯 Get a blog post onto your screen.

The website itselfWhere things are storedOutside helpersWorks on a scheduledashed = happens quietly in the background

02 — The cast

Meet the parts

Every box on the map, explained like you’d explain it to a friend. Each one has a friendly name and its real technical name underneath.

You

Browser · PWA

Your phone or laptop screen — where it all starts.

Front desk

Edge middleware

Checks who you are and lets you through to the right place.

The hub

App Router

Takes every request and decides what should happen.

The clerks

Lib accessors

Fetch, file, and tidy up information for the hub.

Main memory

Supabase · main

Where almost everything is stored and remembered.

Exam vault

Supabase · CRSS

A separate, walled-off store for the exam-prep questions.

Photo store

Storage buckets

Holds uploaded photos, files, and artwork.

AI helper

Anthropic · Claude

Reads photos, answers questions, and drafts writing.

Librarian

Voyage embeddings

Makes everything findable so search gives good answers.

Mail room

Resend

Sends the emails and sign-in links.

Cash register

Stripe

Handles payments when you buy something.

Video shelf

YouTube

Where the site’s short films are published.

Sign-in

Google OAuth

Lets you log in with a Google account or an email link.

Smart home

Home Assistant

Controls real lights and devices at home.

Text bot

Telegram

A chat bot that takes commands by text message.

Night shift

Cron · Workflows

Robots that do chores on a schedule, even while you sleep.

03 — The point of it all

What this site is for

The same machine runs four very different kinds of thing. Here’s how they’re sorted — and how much each one gets fussed over.

Business

Earns a living

The parts that make money, or are on their way to it.

  • Court-collections toolsfor clients
  • Heddle (software product)product
  • Freelance & hirepublic
  • Exam-prep courseproduct

Studio

Creative & public face

The portfolio, games, writing, and films anyone can enjoy.

  • Games (20+)public
  • Novels & essayspublic
  • Blog & researchpublic
  • Films & videopublic

Lab · personal

Private daily tools

Tools Jake and Gina use to run the household — just for them.

  • Money & receiptsprivate
  • Mail, to-dos, choresprivate
  • Smart-home controlprivate
  • Habits & ritualsprivate

Lab · experiment

Playground

Quick experiments and free tools — fun to make, easy to retire.

  • Shared to-do boardsfree
  • Weather boardsfree
  • Trip plannersfree
  • Countdownsfree

04 — Why it’s one thing

How the parts compound

The surfaces aren’t separate apps bolted to one domain — they share plumbing, so each new piece quietly makes the others better. Four connections do most of that work.

One shared memory

Write something once and it shows up everywhere. A new post seeds into the database, and from there it automatically powers on-site search, the AI concierge, the weekly digest, and the social drafts — no piece wired up by hand.

One source of truth for navigation

The menu, the footer, the search palette, and the concierge all read the same single list, so they can never drift out of sync. Even the free shared tools are entries in that same catalog.

One nervous system

Every key, login, scheduled robot, and permission lives in one control room. Rotate a key once and every surface that needs it picks it up — no redeploy, nothing copied around.

It films and narrates itself

The site records short films of its own screens, drafts social posts from whatever just shipped, and writes a weekly note about what changed — so the act of building is itself the content.

Where all of this is heading — the resident AI’s honest pitches for what to build next — lives on the vision page.

05 — For the curious

Under the hood

The same story, with the real names — for anyone who builds software and wants the specifics.

The technical stack & integrations

One request, six layers

Client

Browser · installable PWA · React 19 client leaves

React 19 (JSX, no TS)Three.js · Tone.jsLeaflet · Recharts · KaTeXMultiple PWA manifests

Edge

Next.js middleware — the auth gate, edge-safe

auth.config.js (edge-safe)JWT session strategyPer-surface gatingVercel edge runtime

App Router

Server-component-first · ~422 API handlers

Server components by default"use client" at the leavesRoute-level metadataRequest-time Supabase reads

Lib accessors

One module per table/surface — no supabase.from() in components

~105 modulesAccessor-module disciplineAuth · tokens · email · AICross-DB guard (main vs CRSS)

Data

Two Supabase (Postgres) projects + storage buckets

Supabase main (everything)Supabase CRSS (exam bank)Storage bucketsSome Vercel Postgres

External

Third-party services reached server-side

Anthropic · VoyageResend · StripeGoogle OAuthHome Assistant · Telegram · YouTube

External integrations

Supabase — main

Postgres for blog/research/projects + every private surface, auth rows, storage.

Supabase — CRSS

A second, isolated Postgres project for the exam-prep question bank.

Anthropic (Claude)

Runtime concierge + photo/PDF vision parsing; ops orchestrators (enrichment, LinkedIn, Strata).

Voyage

Embeddings for the hybrid (semantic + keyword) search index behind the concierge.

Resend

All transactional email + magic links, From-line resolved per surface so brands never leak.

Stripe

Fixed-scope checkout for the /hire offers and Heddle billing.

Google OAuth

Primary sign-in provider (alongside the Resend magic link).

Home Assistant

MANOR smart-house, reached only through an outbound-only bridge worker — never inbound.

Telegram

One bot + plugin router; unknown senders are silently dropped at the allowlist.

YouTube

The Studio warehouse for the headlessly-filmed site reel + analytics.

Vercel

Hosting + edge + GitHub-integrated deploys.

A living map · last verified June 2026

Watch the system grow

An occasional note when something genuinely new ships here — a new tool, a new part on this map. No schedule, no filler, easy out.