Saucy Knowledge

Everything you need to ship. Playbooks explain the "why". Guides show you the "how".

Getting Started

START HERE
guideStart Here

Your First App

From zero to running Next.js app in 15 minutes. Create, style, and add interactivity.

Start Guide
guideStart Here

Setup Your Workspace

Install tools, configure your development environment, and get ready to ship.

Start Guide
guideStart Here

Claude Code + VS Code

Install Claude Code, verify Node, launch from terminal, key commands, and pro tips.

Start Guide

All Content

playbookFoundation

Terminal Basics

Commands you'll actually use. Navigate, create, delete, and talk directly to your computer.

Read
playbookFoundation

Git & GitHub

Version control, commits, branches, push/pull, and the workflow that makes deployment possible.

Read
playbookCore

Next.js

App Router, Server vs Client Components, data fetching, API routes, and the #1 confusion points solved.

Read
playbookDeploy

Vercel

Multi-project hosting, shared resources, environment variables, and the deploy workflow.

Read
playbookDatabase

Database

SQL vs NoSQL, when each shines, Neon vs Supabase, framework pairings, and common pitfalls.

Read
playbookAuth

Authentication

Clerk vs NextAuth vs Supabase Auth. Login flows, OAuth, sessions, and security best practices.

Read
playbookRequired

Cookie Compliance

CCPA/CPRA compliance for California. Cookie banners, privacy policies, and avoiding massive fines.

Read
playbookAI

Model Context Protocol (MCP)

Claude Code vs Desktop setup, server configuration, common pitfalls, and pro tips for unlocking AI superpowers.

Read
playbookAI

Claude Agents & Skills

Subagents for isolated tasks, Skills for standardized workflows. Create your own or use built-ins.

Read
playbookAI

Agents vs Skills

When to use isolated agents vs auto-discovered skills. A decision framework for power users.

Read
playbookAI

Claude Skills Ecosystem

Four ways to extend Claude: CLI Skills, API Skills, Slash Commands, and chaining them together.

Read
playbookDatabase

Schema Design

Structuring your data. Tables, columns, relations, and the blueprint for your database.

Read
playbookDatabase

Drizzle ORM

Type-safe database queries. The translator between TypeScript and SQL.

Read
guidePRO

Claude Code PRO Tips

Multiple sessions, AI-assisted prompting, positive reinforcement, and agent awareness.

Start Guide
guidePRO

Plan Mode

Think first, code second. Claude's read-only analysis mode for strategic planning.

Start Guide
guideDeploy

Domain & DNS

Buy a domain, configure DNS, connect to Vercel, and get HTTPS working.

Start Guide
guideMoney

Payments & Stripe

Accept payments, subscriptions, webhooks, and monetize your app with Stripe.

Start Guide
guideDatabase

Connect Database

Wire up Neon Postgres + Drizzle ORM. Type-safe queries, migrations, and real data.

Start Guide
guideCommon Trap

The OAuth Trap

Why login works locally but fails in production. The 5-part setup every vibe coder misses.

Start Guide
guideAuth

OAuth Providers

Google, GitHub, Apple, X, Facebook, Microsoft, and more. Pros, cons, costs, and setup steps.

Start Guide
guideRequired

Cookie Banner Implementation

Step-by-step CCPA/GDPR compliance. Copy-paste AI prompt included for quick setup.

Start Guide
guideAgentic

Google Antigravity

Google's agentic IDE. Agentic mode, browser subagent, terminal control, and verification.

Start Guide
guideAuth

Protected Routes

Keep pages secure. Middleware, redirects, and the bouncer pattern for your app.

Start Guide
guideDeploy

Environment Variables

Secrets management. Keep API keys safe and configure different environments.

Start Guide
guideMoney

Subscriptions

Recurring revenue with Stripe. Plans, trials, upgrades, and the gym membership model.

Start Guide
guideMoney

Webhooks

Real-time payment events. The doorbell pattern for when Stripe needs to talk.

Start Guide
guideAI

Prompting

Get better AI results. Be specific, give context, show examples, iterate.

Start Guide
playbookDatabase

Choosing a Database

Neon vs Supabase vs PlanetScale vs AWS RDS. Comparison, free tiers, and decision framework.

Read
playbookAI

AI Tools for Vibe Coding

Claude vs ChatGPT vs Copilot. Cursor vs Windsurf vs VS Code. Tool & IDE comparison.

Read
playbookMobile

Building for iOS

Mac requirements, Xcode, Apple Developer Account, and the real cost breakdown.

Read
playbookCloud

AWS Ecosystem

Building with AWS. Amplify, RDS, Lambda, Cognito stack vs Vibe Stack comparison.

Read
playbookCloud

Google Cloud Ecosystem

Building with GCP. Cloud Run, Cloud SQL, Firebase Auth stack and cost comparison.

Read
playbookFramework

Python Stack

Vibe coding with Python. Django vs FastAPI, Railway deployment, and AI setup tips.

Read
playbookDeploy

Deployment Checklist

Pre-launch essentials. 9-section checklist covering env vars, database, domain, security, and more.

Read

Tools

Prompt Scrubber

Clean your context. Save tokens. Stop confusing AI with stack traces.

Vibe Diff

Compare original vs. AI code side-by-side before you commit.

MCP Configurator

Generate the JSON config to unlock Claude's full power.