Charlie Temkin
Featured
Projects
Build
Apps, GPTs & Games
  • How I Built This Site
  • Needham Navigator
  • Menu Labs
Browse Build
Think
Analysis, Rankings & Essays
  • I Rewrote My Thesis with AI
  • The Sheridan Verse
  • Fictional Coaches Ranked
Browse Think
Create
Music, Video & Visual
  • I Accidentally Went Viral
  • TL;DR Theater
  • I Created a Pop Star
Browse Create
View all projects
About
|
Featured
BuildApps, GPTs & Games
  • How I Built This Site
  • Needham Navigator
  • Menu Labs
ThinkAnalysis, Rankings & Essays
  • I Rewrote My Thesis with AI
  • The Sheridan Verse
  • Fictional Coaches Ranked
CreateMusic, Video & Visual
  • I Accidentally Went Viral
  • TL;DR Theater
  • I Created a Pop Star
About

Product Manager by day. Creator by night.

© 2026 Charlie Temkin

Home/Build/How I Built This Site

This Site Is Also a Project

Built in public, one prompt at a time.

March 2026
Built with Claude, Codex, and Gemini 3.1 Pro
~/personal-portfolio on main ★
● ● ●
GitHub Stats
Commits
479
PRs Merged
105
Lines of Code
48K
Last Commit
Mar 15
Portfolio
Build
11
apps
Think
11
posts
Create
14
videos
Stats as of Mar 15·Updated periodically

The Build Story

Every line of code on this site was written in natural language. No manual syntax, no context switching between my IDE and the AI—just prompts, reactions, and refinements. The portfolio was built mostly with Claude Code, with help from Codex and Gemini 3.1 Pro for smaller features and testing. The project became a living experiment in vibe-coding: Can you build something genuinely complex and delightful without ever touching the keyboard to write code directly? The answer is yes. And the site itself is the evidence.

This page documents the build—the stats, the workflow, the architecture, the decisions. It's meta on purpose. The site that showcases projects is itself a project worth showcasing.

Development Workflow

💡

Idea

Problem or feature identified

All ideas start here. Problems are identified, features are designed, decisions are made about what to build.

Tech Stack

Development

Claude CodeCodex (features)Gemini 3.1 Pro (QA)TypeScriptReactNext.jsTailwind CSS

Build & Deploy

GitHubGitHub ActionsGit

Runtime

VercelCloudflareEdge NetworkR2 Storage
→

Each layer is independent yet connected. Code flows from development through CI/CD into production runtime on Vercel and Cloudflare Edge.

Key Decisions

AspectChoiceReasoning
FrameworkNext.js 15RSC, SSR, and edge functions
StylingTailwind CSSUtility-first, performance, consistency
HostingVercelOptimized for Next.js, edge functions, ISR
AI DevClaude CodeZero-manual-syntax, vibe-coding approach
CI/CDGitHub ActionsNative GitHub integration, free tier
Design SystemCSS Variables + TokensScalable, maintainable, theme-agnostic
Tech Stack
NENext.js 15
TSTypeScript
TATailwind CSS
REReact Server Components
VEVercel Edge Functions
CLClaude Code
COCodex
GEGemini 3.1 Pro
GIGitHub API
ISISR Caching
Key Topics
Vibe-coding methodologyClaude Code workflowFull-stack Next.js developmentISR and edge cachingZero-manual-syntax engineeringSite reliability with GitHub ActionsDesign system and token-driven architecture
← Back to all Build projects