Not Real Architecture.
ai-assisted
- react
- vite
- three.js
TLDR
Deliverables
- A prerendered TanStack Router SPA
- Per-route OG tags, JSON-LD, sitemap.xml + llms.txt
- Interactive 3D and node-graph sketches
Summary
This site — a hybrid portfolio and creative-coding sandbox built on React, Vite, and a prerendered SPA.
Role
Designer, developer · 2026 — present
A site that doubles as a playground. The content layer (this writing, the projects index) is MDX compiled by velite, while the sketches host interactive 3D and node-graph experiments — each in its own isolated canvas.
What it demonstrates
A code-defined TanStack Router SPA that still unfurls correctly on social cards:
a Playwright crawl prerenders every route to static HTML with per-route OG tags,
JSON-LD, and a generated sitemap.xml + llms.txt.
Stack
React 19, Vite 8 (Rolldown), Tailwind v4, react-three-fiber, and @xyflow/react
for the graphs. No backend — everything is static at the edge.