Profile
Back to NewsBack
GitHub Trending 3 min
Reader Mode
tjakoen/tjakoen.github.io: TJ's Desk — portfolio, notes, and the docs home for the BREAD stack (batch · grain · mill · proof · crumb)

tjakoen/tjakoen.github.io: TJ's Desk — portfolio, notes, and the docs home for the BREAD stack (batch · grain · mill · proof · crumb)

11 hours ago

🖥️ portfolio: the personal site

Made with Claude</a> CI</a> Code: Apache 2.0</a> Content: all rights reserved</a>

Tjakoen's personal site (tjakoen.github.io), a custom BATCH + GRAIN app that doubles as the strongest possible proof the stack works: AI-first design, served as plain static files, with a lightweight AI demo that runs entirely in the visitor's browser.

Status: live and running. THE EDITOR shell (the whole site as one VS-Code-style window),
the /grain and /batch showcases, the hero desk on / (watch the AI act), the /catalog, and the
notes + rendered layer docs (through MILL) are all built and served today by server.ts,
and the zero-ops GitHub Pages deploy is live (batch/export via
.github/workflows/pages.yml). The productivity views (Notes,
Calendar, Mail, and About) are all live. New here and want to make a small edit? →
HACKING.md (route → source map + "which file do I open").

Quick start

Needs Bun, pinned to 1.3.14, the same version CI runs. There is no bundler and no build step: Bun runs the TypeScript straight from source, so the dev server is the whole toolchain.

bun install
bun run dev              # http://localhost:3000  (hot reload, no build)

Then visit:

| Route | What | |---|---| | / | the hero desk: watch the AI drive the real surfaces | | /bread | the stack directory: every layer, one card shape | | /notes | the blog and the whitepaper, rendered through MILL | | /catalog | the live GRAIN component catalog |

The checks this repo holds itself to, all runnable locally:

bun test                 # the unit suite
bun run check            # TypeScript, no emit
bun run export           # the static build GitHub Pages publishes

What it is (and isn't)

  • It's a consumer of the stack: a bespoke app, re-skinning GRAIN via its public seams.
  • It uses MILL only for content
(the notes/blog + the rendered BATCH/GRAIN docs). MILL does not build the site: the bespoke surfaces (hero desk, calendar, mail) are the portfolio's own work.
  • Organizing concept: a populated productivity app (Notes · Calendar · Mail · About) with the AI
desk as an assistant that operates them. Not the "Project" product in project/.

Read next


🤖 Built with Claude, and it is also the proof. This site is the stack's own demo: I made the calls, Claude typed them, and the same pages you are reading are the receipts. I don't prompt and pray, I prompt and prove. How I actually work with AI, receipts and all →
Chat with me