JD
Back to Projects
Jake Dewar
jakedewar.com
You are here ✦

My personal site. The layout borrows from code editors: collapsible sidebar, breadcrumbs, command palette, and a small terminal.

Next.jsShadcnMotionOne Dark

Role

Designer & Developer

Timeline

2026

Stack

Next.js 15TypeScriptTailwind CSS v4Shadcn UIMotion

Problem

Most developer portfolios fall into one of two buckets: a plain resume page or an over-designed marketing site. Neither tells you much about how the person works.

Solution

I built this site to mirror the stack I work in most: Next.js apps with a typical SaaS shell. The chrome looks like an IDE, the typography uses JetBrains Mono with a One Dark color scheme, and a small terminal lets curious visitors run a handful of commands. Components are built on Shadcn UI with Motion handling animations.

Highlights

  • ·IDE-style layout with sidebar, breadcrumbs, and command palette
  • ·One Dark color scheme with light and dark theme support
  • ·Typewriter intro, animated counters, and staggered entrance animations
  • ·Hidden terminal with a small set of commands
  • ·Live GitHub activity pulled from the public API