Rome and Star Wars collage artwork.
Personal Website
This website you're currently browsing.
Description
Context
This is my personal digital home and long-term publishing platform. I use it to document projects, ideas, reading notes, writing, and ongoing experiments while keeping full ownership of content and presentation.
The goal is to make the site feel less like a static resume and more like a living system that evolves with my work.
Product Structure
The website is organized into focused sections so each type of content has its own clear surface.
•
Home and About pages for identity and current direction
•
Projects pages with individual deep-dive routes for each build
•
Reading and Writing sections for books and long-form posts
•
Studio pages for curated resources and personal artifacts
•
Additional pages like Arsenal, Facts, Quotes, and Heuristics
This structure supports both fast skimming and deep exploration.
Technical Architecture
The site is built with Next.js and TypeScript, using static generation patterns for fast load times and predictable deploys.
•
Framework: Next.js
•
Language: TypeScript
•
UI system: Chakra UI
•
Content rendering: MDX via `next-mdx-remote`
•
SEO: route-level metadata with `next-seo`
Most pages are data-driven through JSON/MDX content sources, which keeps editorial updates separate from UI logic.
Content System and Authoring Workflow
A core design principle is content-first development: write or edit data files, then let reusable page templates handle rendering.
•
Portfolio data lives in structured JSON (project metadata, links, artwork)
•
Long-form pages use MDX for readable writing + embedded media support
•
Dynamic routes (for example, project and reading detail pages) are statically generated
•
Shared components ensure a consistent visual language across sections
This approach makes it easy to expand the site without repeatedly changing page code.
Design Direction
The interface favors clean typography, restrained color usage, and subtle editorial framing. Artwork banners and curated visuals are used intentionally to give each page a distinct mood without sacrificing readability.
Navigation is deliberately minimal so users can quickly move between identity, work, and thought.
What This Project Demonstrates
This project demonstrates end-to-end ownership of product, engineering, and narrative: information architecture, frontend implementation, content strategy, and iterative refinement.
It is both a portfolio and an operating system for my work, designed to keep growing as new projects and writing are published.