Personal Portfolio Website
A clean, minimal portfolio site built with Next.js to showcase technical writing and development work.
Problem
I needed a professional way to showcase my technical writing samples and software development work. Existing portfolio templates were either too complex or didn't support the content structure I needed (MDX files for articles and work items).
Approach
I built a custom Next.js application using the App Router with TypeScript. The site uses file-based routing to automatically generate pages from MDX files in the content directory. I focused on creating a minimal, content-first design that prioritizes readability and professionalism over flashy animations.
Tech Stack
Outcome
The portfolio successfully displays writing articles and work items in a clean, professional format. The MDX-based content system makes it easy to add new content without touching code. The site is fully responsive and optimized for deployment on Vercel.
Personal Portfolio Website
This portfolio website was built to showcase technical writing samples and software development work in a clean, professional format.
Design Philosophy
The design prioritizes content over decoration. Every design decision was made to improve readability and make the work easy to discover and understand.
Technical Implementation
The site uses Next.js 14 with the App Router, which provides excellent performance and developer experience. Content is managed through MDX files, allowing for a simple workflow where new articles and work items can be added by creating new files.
Content Management
All content lives in the content/ directory:
- Writing articles:
content/writing/*.mdx - Work items:
content/work/*.mdx
Each file includes frontmatter with metadata, and the site automatically generates routes and lists from these files.
Future Enhancements
Potential improvements include:
- Search functionality
- Tag/category filtering
- RSS feed generation
- Dark mode support