SKAkash GherWeb Developer & HTML5 Game Specialist
HomeCase StudiesProjectsBlogWritingStudioStoreLabsAbout
Developer Portfolio v3
All Projects

Project Feature

Developer Portfolio v3

A Next.js 15 portfolio site with MDX blog, animated case studies, dark glass UI, and one-click Vercel deploy.

Next.jsPortfolioMDXFramer Motion

Role

Design & Engineering

ID

project-2

Tech Stack

Next.js 15, TypeScript, Framer Motion, Tailwind CSS, MDX

+
+
+
+

Overview

The third iteration of my personal developer portfolio, rebuilt from the ground up using Next.js 15 App Router, MDX, and a file-based CMS. Features a glassmorphism dark theme, Framer Motion page transitions, a filterable case studies grid, an MDX-powered blog with a table of contents, and a functional contact form via Resend. Achieves a Lighthouse score of 99 on performance. Zero database dependencies — all content lives in MDX and JSON files.

Case
Blogs
Writings
Studio
Labs
Home
Projects
Store
About

Key Features

  • Dark glassmorphism theme with HSL-based design token system.
  • MDX case studies with auto-generated table of contents.
  • Framer Motion page transitions and staggered section reveals.
  • Resend-powered contact form with server-side validation.
  • SEO-optimized with Open Graph images generated via next/og.
  • Lighthouse score: 99 Performance, 100 Accessibility.

Actions

Live Demo Source Code

Tech Stack

Next.js 15TypeScriptFramer MotionTailwind CSSMDX
+
+

Gallery

Expand Image
Gallery snapshot 1
Expand Image
Gallery snapshot 2
Expand Image
Gallery snapshot 3

Akash Gher

High-performance web experiences

Case StudiesProjectsStudioStoreLogin

© 2026 Akash Gher. All rights reserved.