← cd ~/projects

./Personal Site & Blog

My personal website and blog built with Next.js, Tailwind CSS, and MDX. Features a terminal-inspired neofetch design with dark/light/system theme support.

Next.jsReactTypeScriptTailwind CSSMDX
[source code][live demo]

Overview

This is my personal website and blog. I built it from scratch using Next.js and gave it a terminal-inspired aesthetic because that's the environment I feel most at home in.

Features

  • Neofetch-style hero with ASCII art and system info on the home page
  • Three-mode theming -- light, dark, and system default
  • MDX blog posts with Shiki syntax highlighting and custom components
  • Project portfolio showcasing things I've built
  • RSS feed for subscribers
  • SEO optimized with dynamic metadata, sitemap, and robots.txt
  • Fully responsive mobile-friendly layout

Technical Details

The site is statically generated at build time using Next.js App Router. Blog posts and project pages are written in MDX and stored as files in the repository. This means:

  • No database needed
  • Content is version-controlled with Git
  • Deploying a new post is just a git push
  • Pages load instantly since they're pre-rendered HTML