My Portfolio

This site—Next.js, Contentlayer, Redis view counts, and an AI-native delivery loop: Cursor agents, RAG over my CV for the Experience page, Figma MCP for pixel-faithful UI, and Google Stitch to draft layouts before refinement in Figma.

Role

Product & full-stack

Timeline

2023 — present

Tech

Next.js 13, React, Tailwind, Contentlayer, Upstash Redis

56 page views

Product showcase

Flows & screens

Home hero: AI-focused positioning, code visual, and navigation aligned to the Figma portfolio spec.

Next.js

Stack

MDX + Contentlayer

Content

Upstash Redis

Analytics

Technical implementation

Design fidelity
Layouts and components traced from Figma via MCP-driven workflows, then tuned in code for accessibility and performance.
Content pipeline
Project pages authored in MDX with typed frontmatter; build-time generation via Contentlayer.
Engagement signals
Serverless-friendly Redis counters for project views, wired to detail pages without blocking static content where possible.

Experience the result

Live product, repository, or both—pick what matters for this case.

View live project

Description

This portfolio is a refactored Next.js codebase deployed on Vercel: navigation, /projects, /experience, case-study shells, and theming were rebuilt around a Figma-first spec, not an inherited template story. Projects are listed from Contentlayer-backed MDX, and a small REST integration with Upstash Redis powers page view counts on case studies.

Delivery leaned on an AI-native loop grounded in real artifacts: Cursor (including agent-style sessions) for implementation; retrieval over my CV (RAG) so the Experience page tracks what I actually shipped; Figma MCP so frames could be read and mirrored in code instead of approximating layouts; Google Stitch to generate first-pass page ideas that were then refined in Figma before landing here; and Cursor Composer / agent for large, coordinated edits across the repo.

Roadmap

I still iterate here when time allows—more case studies, tighter visuals, and small DX wins on the MDX + deploy pipeline.