KeeganFrancis.com

Overview

KeeganFrancis.com is my personal portfolio and professional hub — a living document of who I am as a builder across food tech, Bitcoin, and CTO services. I've maintained and reinvented this site since 2015, and the current version is a Next.js 16 monorepo deployed on Vercel with content managed in Sanity CMS.

My role

I'm the sole designer, developer, and maintainer. Every architectural decision, animation, and content model is mine.

What I built

The site is more than a resume. It's a technical showcase:

• 3D heroes built with Three.js and React Three Fiber — interactive scenes that set the tone for each section
• Motion design via Framer Motion, GSAP, and scroll-driven reveals
• Sanity-powered content — projects, skills, and social links editable without redeploying
• Firebase for auth, admin tooling, and backend services
• ShadUI component system on Tailwind CSS v4 with a dark-first design system in progress
• Embedded Sanity Studio at /studio and an admin dashboard at /admin
• Monorepo architecture — this site plus dontitch.com sharing @repo/ui, @repo/shared, and @repo/types packages

The hardest problem

Balancing visual ambition with performance. Three.js scenes, GSAP timelines, and smooth scroll libraries all compete for the main thread. I've iterated on lazy loading, client/server splits, and progressive enhancement to keep the experience fast on real devices.

Outcome

A portfolio that demonstrates the same engineering standards I bring to client work — typed end to end, CMS-driven, analytics-aware, and designed to evolve without a rewrite.