Personal Website

Overview

This is my personal website that serves as a portfolio, blog, and digital garden. Built with modern web technologies, it showcases my work, writing, and various interests.

Features

• Modern, responsive design
• Blog with MDX support
• Work history and project showcase
• Local-first content management with typed MDX metadata
• Dark mode support
• Performance optimized

Technical Details

The site is built with Next.js and uses TypeScript for type safety. Content is managed through MDX files with a lightweight typed content pipeline. The UI is styled with Tailwind CSS and focuses on a small, maintainable component surface.

Key Technologies

• Next.js: For server-side rendering and static site generation
• TypeScript: For type safety and better developer experience
• Tailwind CSS: For utility-first styling
• Typed content pipeline: For validated local content
• MDX: For rich content authoring

Development Process

The development process focused on creating a maintainable and performant website that could serve as both a portfolio and a platform for sharing content. Key considerations included:

1. Performance optimization
2. SEO best practices
3. Responsive design
4. Content management workflow
5. Developer experience

Outcome

The result is a fast, modern website that effectively showcases my work and provides a platform for sharing content. The site achieves perfect Lighthouse scores and provides a great user experience across all devices.