Foundation &
Reality Install
"I am an operator, not a learner."
Damien Rufus
App running and under your complete control.
Production-Grade Infrastructure
Built on the same stack that powers real businesses. No toy frameworks, no rented platforms. You own every layer.
The Build Sequence
Check off each step as you complete it. Your progress is saved automatically.
Start with a proven template
No building from scratch. You begin with production-grade infrastructure that's already been battle-tested.
Connect your infrastructure
Database, hosting, security — all connected and configured. You own every piece.
Set up authentication
Users can sign up and log in. Professional-grade security with server-side session handling.
See your app running live
Real URL, real users. Your app is deployed and running on the internet.
Learn how to recover if something breaks
Things will break. That's normal. Knowing how to recover is what separates operators from learners.
Your Infrastructure
Every piece of infrastructure you connect today is something you own. No platform dependency. No rent extraction. No hidden costs.
One-Shot App Builder Document
This is the coding document you paste into Claude Code. All dependencies have been verified and updated to their latest versions as of February 27, 2026.
// Updated Install Commands (Feb 27, 2026)
# Core (Updated Feb 2026)
pnpm add [email protected] [email protected] [email protected] [email protected]
# Supabase
pnpm add @supabase/[email protected] @supabase/[email protected]
# UI
pnpm add [email protected] @radix-ui/[email protected] [email protected] [email protected] [email protected]
pnpm add [email protected] [email protected]
# State & Forms
pnpm add [email protected] @tanstack/[email protected] [email protected] @hookform/[email protected] [email protected]
pnpm add @dnd-kit/[email protected] @dnd-kit/[email protected]
# AI
pnpm add [email protected] @ai-sdk/[email protected] @ai-sdk/[email protected] @ai-sdk/[email protected]Dependency Audit
Every package verified against npm registry. Green means the doc version range covers the latest release. Orange means the doc should be updated to reflect the latest.
// Core
| package | doc_ver | latest | status |
|---|---|---|---|
| next | 16+ | 16.1.6 | |
| react | 19.2+ | 19.2.4 | |
| react-dom | 19.2+ | 19.2.4 | |
| typescript | 5.7+ | 5.9.3 |
// Backend
| package | doc_ver | latest | status |
|---|---|---|---|
| @supabase/supabase-js | latest | 2.98.0 | |
| @supabase/ssr | latest | 0.8.0 |
// UI
| package | doc_ver | latest | status |
|---|---|---|---|
| tailwindcss | 4.1+ | 4.2.1 | |
| @radix-ui/react-slot | latest | 1.2.4 | |
| class-variance-authority | latest | 0.7.1 | |
| clsx | latest | 2.1.1 | |
| tailwind-merge | latest | 3.5.0 | |
| lucide-react | latest | 0.575.0 | |
| sonner | latest | 2.0.7 |
// State
| package | doc_ver | latest | status |
|---|---|---|---|
| zustand | 5+ | 5.0.11 | |
| @tanstack/react-query | 5+ | 5.90.21 |
// Forms
| package | doc_ver | latest | status |
|---|---|---|---|
| react-hook-form | 7.71+ | 7.71.2 | |
| @hookform/resolvers | latest | 5.2.2 |
// Validation
| package | doc_ver | latest | status |
|---|---|---|---|
| zod | 4+ | 4.3.6 |
// DnD
| package | doc_ver | latest | status |
|---|---|---|---|
| @dnd-kit/core | latest | 6.3.1 | |
| @dnd-kit/sortable | latest | 10.0.0 |
// AI
| package | doc_ver | latest | status |
|---|---|---|---|
| ai | 6+ | 6.0.103 | |
| @ai-sdk/openai | latest | 3.0.36 | |
| @ai-sdk/anthropic | latest | 3.0.48 | |
| @ai-sdk/google | latest | 3.0.33 |
When Things Break
Operators don't panic when things break. They follow the playbook.
# The Recovery Playbook
# =====================
# 1. IDENTIFY — What broke?
git diff HEAD~1 # See what changed
vercel logs # Check deployment logs
# 2. ISOLATE — Stop the bleeding
vercel rollback # Restore last working version
# 3. FIX — Address the root cause
git stash # Save current changes
git checkout main # Start from clean state
# 4. VERIFY — Confirm the fix
pnpm dev # Test locally first
vercel --prod # Deploy when confident
# 5. DOCUMENT — Learn from it
# → Add to your team's runbook
Day 1 Complete
Tomorrow you deploy to the internet, connect Stripe for real payments, and install marketing infrastructure. By the end of Day 2, your app will be accepting money.
Foundation
Deploy & Monetize
Ship & Scale