Vibe Code

How I built this

ChatGPT whispered "you can build this" so I've used CCC (Claude, Codex & Cursor) to build this page
Powered by chaosVibe coding since 2024

Started on WordPress. Peaked in chaos.

The chaotic journey from WordPress comfort zone to TypeScript mayhem.

Name's Vibe Code. Not real, obviously. Just some bloke who went from wedding photography to arguing with TypeScript at 3am. Started simple. WordPress and a camera. Fourteen years helping friends and photographers get online. Plugins, Themes, same "have you tried turning it off and on again" solutions. Comfort zone became comfort prison, but hey, the bills got paid.

Then AI whispered: "You can build things." Worst advice ever. Naturally, I listened. Started with automations, nothing fancy. But something clicked. Or broke. Still can't tell the difference.

While everyone else begged ChatGPT to make them rich, I made a different choice. Ditched Facebook for Reddit (classier rubbish), Instagram for X (same chaos, different logo), and WordPress for... well, this TypeScript ocean I'm drowning in.

Something clicked, probably loose wiring. Started learning things I definitely shouldn't know. Reddit threads at 2am, X arguments about useEffect, YouTube tutorials from teenagers who code better than me. I'm not TS clever. I just know where to find people who are, then steal & vibe code their solutions with mild shame.

So here we are. Building digital disasters with half-broken tools, documenting the carnage for posterity. WordPress is dead to me, TypeScript is my new nemesis, and I'm oscillating between breakthrough and breakdown. Mostly breakdown.

I'm powered by what I call the CCC: Claude, Codex, and Cursor. The holy trinity of modern procrastination. Sure, I test every shiny AI tool that lands in my inbox or find on X or Reddit. Most disappoint. Some stick around long enough to break something important.

"Knowledge is optional. Vibe coding is mandatory."

Enough about me. let's get back to the tech stuff.

People

Because it all starts with people. The mentors I stalk daily for wisdom and existential coding crises.

9 mentors
TB
Theo Browne

@t3dotgg

CEO of Ping Labs, T3 Stack creator. Tells uncomfortable truths about JavaScript frameworks while building stuff that actually works.

Click to read more about this legend

RM
Ras Mic

@rasmic

Full-stack engineer who accidentally became YouTube's most practical design teacher. Makes 68k subscribers feel competent at CSS, which is borderline miraculous.

Click to read more about this legend

LR
Lee Robinson

@leerob

VP of Developer Experience at Vercel. Next.js evangelist who somehow makes enterprise software development look approachable and fun.

Click to read more about this legend

EK
Emil Kowalski

@emilkowalski_

Design engineer obsessed with craft. Creates components that make you question why everyone else's UI feels so clunky in comparison.

Click to read more about this legend

AY
Adina Yakup

@AdinaYakup

Frontend engineer with a knack for solving complex problems with elegant solutions. Shares wisdom that makes you a better developer.

Click to read more about this legend

HB
Hayden Bleasel

@haydenbleasel

Product engineer and design systems architect. Creator of tools that other developers actually want to use, including Ultracite.

Click to read more about this legend

PV
Pasquale Vitiello

@pacovitiello

Frontend wizard who makes complex animations and interactions look trivial. Master of making users actually enjoy using web applications.

Click to read more about this legend

J
Josh

@joshtriedcoding

Creates tutorials that actually help you build real projects. No fluff, no BS, just practical coding content that gets stuff done.

Click to read more about this legend

TN
Tim Neutkens

@timneutkens

Co-creator of Next.js and Principal Engineer at Vercel. The man behind the framework that changed how we think about React applications.

Click to read more about this legend

The CCC: AI chaos trinity

Claude Code CLI, Codex CLI, and Cursor. The holy trinity of modern procrastination.

3 tools
Claude Code (CLI)
Digital therapist
Anthropic's official CLI that does everything except my laundry. Writes better code than me, judges me less than I judge myself.
Click to learn more about this tool
Codex CLI
Legacy assistant
OpenAI's command line companion. Still haunting my terminal like a helpful ghost from the GPT-3 era.
Click to learn more about this tool
Cursor
AI-powered IDE
VSCode's cooler sibling that finishes my sentences and occasionally my thoughts. Productivity through delegation.
Click to learn more about this tool

Frontend disasters

React components that occasionally render correctly. TypeScript keeps me honest, shadcn keeps me sane.

6 tools
Next.js
React framework
React framework for people who need training wheels but pretend they don't. File-based routing that makes sense until it doesn't.
Click to learn more about this tool
TypeScript
Type overlord
JavaScript's overprotective parent. Yells at you for everything but secretly prevents you from ruining your life.
Click to learn more about this tool
Tailwind CSS
CSS-in-class therapy
CSS for people who've given up on CSS. Utility classes that turn your HTML into alphabet soup, but prettier.
Click to learn more about this tool
shadcn/ui
Component saviour
Components so good you'll question why you ever tried building your own. Copy-paste dignity for design-challenged developers.
Click to learn more about this tool
Zustand
State wrangler
State management for adults. No boilerplate, no tears, just bears being reasonable about global state.
Click to learn more about this tool
Fumadocs
Documentation builder
Documentation that doesn't look like it was made by someone who hates readers. Actually pleasant docs experience.
Click to learn more about this tool

Backend shenanigans

APIs that respond eventually and databases that remember things. Edge functions pretending to be servers.

8 tools
Hono
API framework
Server framework that's actually fast. Edge-friendly, lightweight, and doesn't make you question your career choices.
Click to learn more about this tool
oRPC
Type-safe RPC
Type-safe RPC that doesn't make you want to quit programming. tRPC's more sensible sibling.
Click to learn more about this tool
Better Auth
Identity crisis solver
Authentication that works without reading JWT specifications for three weeks. Users can actually log in.
Click to learn more about this tool
AI SDK
Model orchestrator
Vercel's attempt to make AI integration not terrible. Supports GPT, Gemini, and whatever's trendy this week.
Click to learn more about this tool
Prisma
Database whisperer
Database ORM for people who prefer TypeScript over SQL nightmares. Migrations that usually don't destroy everything.
Click to learn more about this tool
PostgreSQL
Data fortress
Database that won't judge you for your poorly normalised schemas. Reliable, boring, perfect.
Click to learn more about this tool
Redis
Memory palace
Blazingly fast memory that actually remembers stuff. Caching for people who've been hurt by databases before.
Click to learn more about this tool
Scalar
API documenter
API documentation that doesn't make developers want to quit. Beautiful docs that actually help instead of confuse.
Click to learn more about this tool

Cloud & storage

Files that live in the cloud and deployments that occasionally work. Modern problems, cloud solutions.

4 tools
Cloudflare R2
File hoarder
S3-compatible storage without Amazon's prices. Where uploaded files go to live their best life.
Click to learn more about this tool
Hetzner
German efficiency
VPS hosting that doesn't bankrupt you. European servers with Teutonic reliability and no Silicon Valley tax.
Click to learn more about this tool
Dokploy
Self-hosted Vercel
Open-source deployment platform for people who trust themselves more than corporations. Heroku vibes, your servers.
Click to learn more about this tool
Coolify
Docker orchestrator
Self-hosted alternative to everything. Because vendor lock-in is for people without commitment issues.
Click to learn more about this tool

Developer experience

Tools that make coding bearable and deployments survivable. Automation that works until it doesn't.

6 tools
Turborepo
Monorepo coordinator
Build caching that pretends to understand my chaotic commit patterns. Parallel execution of parallel anxieties.
Click to learn more about this tool
bun
JavaScript runtime anarchist
Blazingly fast JavaScript runtime that's actually trying to replace Node.js. Fast installs, even faster regrets.
Click to learn more about this tool
Ultracite
Code formatter
Biome preset that makes my code look intentional. Zero config because configuration is for people with time.
Click to learn more about this tool
Biome
Rust-powered judge
Lightning-fast linting that roasts my code before I can deploy it. Italian engineering meets JavaScript chaos.
Click to learn more about this tool
Better-T-Stack
One-click starter
Tech stack generator that saves you hours of prompt engineering. Out-of-the-box setup that actually works properly.
Click to learn more about this tool
Husky
Git bouncer
Pre-commit hooks that catch embarrassing commits before they reach main. The last line of defence.
Click to learn more about this tool