jesseg.dev
Creator & Developer
A modern, performant developer portfolio built from the ground up with Next.js 15 App Router and React 19. The site showcases projects, skills, and blog posts with a polished UI powered by Tailwind CSS and shadcn/ui. Key features include dark/light mode theming via next-themes with CSS variable design tokens, an interactive canvas-based particle background with mouse avoidance physics, a blog system with markdown rendering and syntax highlighting, and a contact form using react-hook-form with Formspree integration and honeypot spam prevention. Deployed on Vercel with analytics and speed insights for continuous performance monitoring.
Highlights
- Built with Next.js 15 App Router and React 19 server components for optimal performance and SEO
- Implemented dark/light mode theming with next-themes and CSS variable-based design tokens
- Created an interactive canvas-based particle background with configurable physics and mouse avoidance
- Developed a blog system with markdown-to-HTML rendering, syntax highlighting, and reading time estimates
- Integrated a contact form using react-hook-form validation, Formspree submission, and honeypot spam prevention
- Added Vercel Analytics and Speed Insights for real-time performance monitoring
- Designed a fully responsive mobile-first layout with Tailwind CSS and shadcn/ui primitives
- Optimized SEO with dynamic metadata, Open Graph tags, sitemap generation, and a dynamic favicon
- Structured a reusable component library with shared tech badges, tracked links, and themed UI primitives
Technologies
Next.js 15React 19TypeScriptTailwind CSSshadcn/uiVercelVercel Analytics