Site Specs

richhudson.net - A live example

Screenshot of richhudson.net hero section

richhudson.net is my live portfolio—built with Next.js, React, TypeScript, Tailwind CSS, Sanity.io (for the blog), and hosted on Vercel.

This stack is honestly overkill for what the site needs, but it gave me hands-on experience with modern frameworks. The same fast-loading, SEO-strong experience could easily be delivered with clean HTML, CSS, and JavaScript—no frameworks required.

I used it here to demonstrate capability, but for your business, I choose the lightest effective tools: speed and results first, complexity only when truly justified.

Tech Stack

  • Next.js 16 (App Router) with React and TypeScript
  • Tailwind CSS for responsive, utility-first styling
  • Framer Motion for subtle, performant animations
  • Sanity.io headless CMS for the blog
  • Web3Forms for secure, serverless contact handling
  • Deployed on Vercel for global edge delivery

Performance & SEO

  • Google PageSpeed scores consistently 90-100 (mobile & desktop)
  • Optimized images, lazy loading, and minimal JavaScript
  • Semantic HTML, proper metadata, and structured data
  • Instant navigation and smooth scrolling

Features

  • Full-screen AI-generated hero video background
  • Masonry testimonial grid with staggered reveal
  • Animated service cards and scroll-linked effects
  • Fully responsive — perfect on phones, tablets, and desktops
  • Local-focused content optimized for Wolfeboro & Lakes Region search