Fanjin Zeng
Back to projects

Personal Portfolio

This website — built with Next.js 16, shadcn/ui, Tailwind CSS v4, and deployed on Vercel.

Next.jsTailwind CSSshadcn/uiTypeScript
Source Code

Personal Portfolio Site

Overview

A modern, responsive personal portfolio and blog built with the latest web technologies. Designed to be fast, accessible, and easy to maintain.

Tech Stack

  • Framework: Next.js 16 with App Router and React Server Components
  • Styling: Tailwind CSS v4 with shadcn/ui component library
  • Icons: Lucide React
  • Dark Mode: next-themes with system preference detection
  • Content: MDX for rich project write-ups
  • Deployment: Vercel with automatic preview deployments

Features

  • Dark/light theme toggle with system preference detection
  • Responsive design optimized for mobile, tablet, and desktop
  • SEO-optimized with Open Graph metadata
  • Accessible UI components via Radix UI primitives