100/100 PageSpeed: This Portfolio Site
Overview
The site you're on right now, built with Claude Code: Next.js 16, Tailwind v4, Framer Motion. Scores a perfect 100/100 across Performance, Accessibility, Best Practices, and SEO on Google PageSpeed.
Tech Stack
Category
Claude CodeChallenge
A freelance portfolio has to earn trust in seconds, and for someone who builds web, the site itself is the proof. It had to load fast, stay accessible, and rank well, without an agency budget or timeline.
Approach
Built with Claude Code in a focused sprint: Next.js 16 + Tailwind v4, a static above-the-fold hero, lazy-mounted below-fold sections, media served from Cloudflare R2, inline critical CSS, and semantic, schema-rich markup.
Result
A perfect 100 on Accessibility, Best Practices and SEO (mobile and desktop), and a 100 Performance score on desktop, on Google PageSpeed Insights, measured on this very site. The scores below are the desktop run.
Google PageSpeed
Perfect scores, measured on this very page.
More in Claude Code
n8n MCP Server
MCP (Model Context Protocol) server for n8n that enables AI agents to create, manage, and execute n8n workflows programmatically via Claude Code.
Doc Translator CLI
AI-powered document translation tool built with Claude Code. Supports EPUB, DOCX, and plain text with context-aware translation preserving formatting.