AI-Accelerated Personal Portfolio

The Concept#

Instead of treating this portfolio as a standard coding exercise, I treated it as a Productivity Experiment. My goal was to act as the "Lead Architect" while using AI Agents as "Junior/Mid-level Engineers" to handle the implementation details.

The Stack#

• Framework: Next.js 14 (App Router) for server-side rendering and performance.
• Styling: Tailwind CSS for rapid UI development.
• Content: Contentlayer to treat MDX files as type-safe data objects.
• Deployment: Vercel for zero-config CI/CD.

The "AI-First" Workflow#

Building this site wasn't about copy-pasting code; it was about Orchestration.

1. Schema Design: I used AI to brainstorm the optimal data structure for Projects vs Blog posts to ensure flexibility.
2. Content Migration: I fed my legacy Jekyll blog posts and raw resume data into the agent to convert them into clean, standardized MDX files with consistent frontmatter.
3. Component Logic: I focused on the UI/UX design, while offloading the complex date formatting and array sorting logic to the AI.

The Result#

A 100/100 Lighthouse-scored website built in a fraction of the time it would typically take, demonstrating that AI-augmented development is the future of software engineering efficiency.