Portfolio Website

I built this portfolio site to showcase major projects I've worked on and to serve as a playground for trying new tools and blog ideas.

Portfolio Website

Tech Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Contentlayer
  • MDX
  • Shiki
  • Resend
  • Giscus
  • Framer Motion

Introduction

I wanted a space that not only displays my work but also reflects my personality and attention to detail as a frontend developer.

Purpose & Goal

My main goal was to create my corner of the internet where I could integrate a blog to share technical guides, personal stories and experiences, highlight my key projects, and experiment with new ideas as my skills evolve.

Spotlight

The custom blog system, powered by Contentlayer and MDX, lets me write posts with live code samples, interactive demos, and rich media. This took the most work and best shows my ability to create developer-focused, dynamic content.

Lessons Learned

Through this project, I learned how to work with MDX files to create rich, flexible blog content, and how to automate communication workflows, such as sending contact form responses using Resend.

View Live Site View Source