This Website

My personal blog and portfolio site built with Fumadocs, Next.js, and Tailwind CSS.

nextjsfumadocstailwindcssreact

This Website

This is the very site you're looking at right now! It's a personal blog and portfolio built with modern web technologies.

Tech Stack

  • Framework: Next.js 16 with App Router
  • Content: Fumadocs MDX for type-safe Markdown
  • Styling: Tailwind CSS + Fumadocs UI
  • Fonts: Geist (sans) and Geist Mono from next/font
  • Deployment: Static export for fast, edge-cached delivery

Features

  • Blog: MDX-powered blog with frontmatter validation
  • Projects: Showcase of my work with detailed write-ups
  • Search: Built-in full-text search across all content
  • Dark Mode: Automatic dark mode support
  • Type Safe: Full TypeScript coverage with Zod schema validation

What I Learned

Building this site taught me a lot about:

  1. Content management with Fumadocs collections
  2. Static generation with Next.js App Router
  3. Design systems using Tailwind and CSS variables

Check out the source code on GitHub!