A personal site should prove taste, performance discipline, and technical judgment instead of becoming a heavy animated portfolio shell.
Personal brand / Performance
pean.dev
A personal site and writing system built around fast pages, careful metadata, native CSS motion, and practical engineering articles.
A lightweight Next.js surface with structured writing, dynamic metadata, open graph images, sitemap coverage, and CSS-first interaction polish.
Context
What this project is
pean.dev is the personal brand and writing system that connects my product work, technical notes, and collaboration surface.
Approach
How I shaped it
I rebuilt the site around fast pages, strong metadata, product-focused writing, CSS-first motion, and a clearer path from reading to selected work.
Decisions
Product and engineering choices
Use writing as a proof layer, not as a replacement for project case studies.
Prefer native CSS motion and server-first pages for a lighter personal site.
Make projects, contact, and technical writing separate but connected surfaces.
Delivered
What the case includes
Next.js personal site
Writing archive and article pages
Project case-study system
Metadata, sitemap, and structured data coverage