Overview
This portfolio website serves as my personal space on the web. It showcases my projects, work experience, skills, and blog — all driven by MDX content files for easy maintenance.
Why I built it
I wanted a professional online presence that I fully own and control — something that goes beyond a GitHub profile or LinkedIn page and can grow with me over time.
Technical Implementation
Built with Next.js 16 and the App Router for fast static generation. Content is managed through MDX files with YAML frontmatter, making it easy to add new projects and blog posts without touching the code.
- Next.js 16 App Router for routing and static site generation
- MDX via
next-mdx-remotefor flexible content rendering - Tailwind CSS v4 with a CSS variable-based dark theme
- TypeScript throughout for type safety and maintainability
- gray-matter for frontmatter parsing, reading-time for blog post estimates
What I learned
Setting up an MDX-based content pipeline with full TypeScript types in Next.js 16. Also explored Tailwind CSS v4's new CSS-first configuration approach — no tailwind.config.ts needed.
Next Steps
- Add blog posts
- Add OpenGraph images for social sharing
- Automate project generation from GitHub repositories via an AI agent