Developer Portfolio — Website Template. Animated Next.js Template with Case Studies & Blog

A polished, ready-to-ship portfolio for software engineers who want something sharper than a resume page.

Pages included

• Home: animated hero, about, project index with a cursor-following preview, latest posts, experience timeline, contact
• Project case studies (/work/[slug]): overview, role and stack, problem → approach → outcome, count-up results, next-project link
• Blog (/blog): topic filters, fast index, and posts with reading progress, copyable code blocks, quotes and callouts
• Uses page (/uses) and a terminal-style 404

Design & motion

• Two cold, high-contrast themes (Mono and Dark) with a visitor toggle; set the default in one line
• Geist + Geist Mono type, smooth scrolling, masked headline reveals, scroll-linked timeline, subtle idle animations
• Developer-themed nav (README, ~/work, notes, git log, ping) with cursor tooltips showing the plain names
• Fully responsive, keyboard-friendly, respects reduced motion

Easy to make yours

• All copy, projects, posts and experience live in two typed data files — no component edits needed
• Recolour the whole site from a handful of CSS tokens
• Static output; deploys to Vercel in one click

Stack: Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4, Framer Motion, Lenis, Lucide icons.