.Agent

Build server-side APIs using Next.js Server Actions and API routes.

Manage portfolio content with MDX, Contentlayer, or local JSON for projects, blog posts, and dynamic content.

Deploy applications to production using Vercel CLI commands.

Master Next.js 15 App Router architecture for building modern portfolio websites with Server Components, routing, and data patterns.

Build production-ready contact forms with React Hook Form, Zod validation, Server Actions, and email services like Resend.

Build accessible portfolio websites following WCAG guidelines with proper semantics, keyboard navigation, screen reader support, and inclusive design patterns.

Create stunning, physics-based animations and micro-interactions for portfolio websites using Framer Motion.

Master Tailwind CSS v4 for building stunning, responsive portfolio designs with advanced patterns, animations, and custom design systems.

Implement robust dark mode and theming systems with next-themes, CSS custom properties, and Tailwind CSS for seamless user experience.

Master mobile-first responsive design with Tailwind CSS breakpoints, fluid typography, container queries, and modern layout techniques.

Deploy Next.js portfolio to Vercel using MCP tools, CLI commands, and production-ready configurations.

Comprehensive testing guide with Vitest, React Testing Library, Playwright for E2E, and testing patterns for Next.js applications.

Advanced TypeScript patterns for Next.js portfolios including type utilities, generics, discriminated unions, and strict type safety.

Implement analytics, error monitoring, and performance tracking with Vercel Analytics, Google Analytics, Sentry, and custom event tracking.

Production-ready portfolio components including Hero, About, Projects, Experience, Contact sections with modern design patterns.

Optimize Next.js portfolio for Core Web Vitals, bundle size, loading performance, and achieve 90+ Lighthouse scores.