</>
Back
Next.js 16 + a gamer layerHandcrafted

This portfolio

Next.js 16React 19Framer MotionTailwind

Problem

A generic portfolio says nothing about how I work. I wanted one that showed design judgment, modern frontend and personality, not yet another template.

Context

This very site. I designed and built it solo, from scratch, as a technical calling card.

My role

  • Full design and development, with no templates or UI libraries.
  • Architecture on Next.js 16 (App Router) and React 19, with URL-based es/en i18n for SEO.
  • A custom interaction layer: Framer Motion animations, particles, cursor glow and 3D tilt on the cards.

Solution

  • An optional “gamer” layer (RPG/MOBA/TCG): character stats, a champion-style card with an ability kit and a “Current Quest”.
  • A custom animated pixel-art scene (samurai + campfire).
  • A real-time age counter and experience, stack and FAQ sections.
  • Responsive design, mindful of performance and animations.

Views

Screenshots from the live site

Hero + HUD
Hero + HUD
About — character stats
About — character stats
Projects
Projects
Pixel-art scene
Pixel-art scene

Learnings

  • Learning Next.js 16 and React 19 from their docs, not from memory.
  • Balancing a bold identity with performance and readability.

Result

The portfolio you're looking at: a site of my own, no templates, that works as a live demo of my frontend.