← Back to Garden
Active

This Garden

Personal website and digital garden. Built with Next.js, Three.js, and MDX.

Next.jsTypeScriptThree.jsTailwind CSSMDX
Visit project

Last updated November 2025

This is the site you're currently reading. A personal website and digital garden built in public.

Design philosophy

  • Light mode only — clean, airy, content-first
  • Minimal — no unnecessary UI
  • ASCII as art — subtle generative pieces as decoration, not theme
  • High craft — smooth transitions, thoughtful hover states

Technical choices

  • Next.js 15 with App Router for the framework
  • MDX for content management (no CMS needed)
  • Three.js for the subtle 3D ASCII art
  • Tailwind CSS for styling
  • Vercel for hosting

Features

  • Digital garden with three content types: thoughts, projects, concepts
  • Writing section with topic filters
  • Live integrations (Spotify, WHOOP, location)
  • Easter eggs (try the Konami code)

Building this in public has been a fun exercise in dogfooding my own ideas about shipping and iteration.