Skip to content
YG
All projects
Open source

2026 · Designer & developer

Portfolio Simple

This site — a server-first editorial portfolio

  • Next.js
  • TypeScript
  • Tailwind CSS
  • MDX
Portfolio Simple cover with a grid texture and amber accent
Stack
Next.js · TypeScript
Content
Typed modules · MDX
Theme
Persistent dark / light
Visibility
Open source

Problem

The previous version hid its best work behind client-side tabs, duplicated content between pages and APIs, and shipped unverified placeholder data. It also stored content in JSON files through a writable admin API that cannot persist on immutable deployments.

Approach

  • Replaced the tabbed client homepage with a server-rendered editorial layout and stable anchor sections.
  • Moved all content into typed TypeScript modules validated at build time, and removed the writable admin API.
  • Added persistent light/dark theming without a first-paint flash, semantic landmarks and keyboard-friendly navigation.
  • Rebuilt project pages as case studies with verified links, real screenshots and no placeholder data.

Impact

  • Source is public on GitHub.
  • Lighthouse-oriented implementation: static generation, no runtime content fetches on the critical path.