Saucy Knowledge
Everything you need to ship. Playbooks explain the "why". Guides show you the "how".
Refreshed September 2026 · 11 new pages on agentic coding and building AI apps · Follow the learning path
Getting Started
Your First App
From zero to a running Next.js app in one session. Create, style, and add interactivity.
Start GuideSetup Your Workspace
Install Node, Git, and your editor. Configure your machine and get ready to ship.
Start GuideClaude Code Setup
Install Claude Code, connect your editor, learn the key commands, and run your first session.
Start GuideAll Content
State of Vibe Coding 2026
Think in patterns, not products. The mindset, the stack, and what actually changed in the last year of AI.
Foundations · Mindset
ReadTerminal Basics
Commands you'll actually use. Navigate, create, delete, and talk directly to your computer.
Foundations · Core Skills
ReadGit & GitHub
Version control, commits, branches, push/pull, and the workflow that makes deployment possible.
Foundations · Core Skills
ReadNext.js
App Router, Server vs Client Components, caching, proxy.ts, and the confusion points solved.
Foundations · Core Skills
ReadVercel
Deploys, previews, Fluid Compute, environment variables, and the platform services worth knowing.
Foundations · Core Skills
ReadChoosing a Database
Neon vs Supabase vs PlanetScale vs the big clouds. Tradeoffs, free tiers, and a decision framework.
Building Blocks · Data Layer
ReadDatabase Fundamentals
SQL vs NoSQL, when each shines, Postgres on Neon, framework pairings, and common pitfalls.
Building Blocks · Data Layer
ReadConnect Database
Wire up Neon Postgres + Drizzle ORM. Type-safe queries, migrations, and real data.
Building Blocks · Data Layer
Start GuideSchema Design
Structuring your data. Tables, columns, relations, and the blueprint for your database.
Building Blocks · Data Layer
ReadDrizzle ORM
Type-safe database queries. The translator between TypeScript and SQL.
Building Blocks · Data Layer
ReadAuthentication
Auth.js vs Clerk vs Better Auth vs Supabase Auth. Login flows, OAuth, sessions, and security basics.
Building Blocks · Authentication
ReadThe OAuth Trap
Why login works locally but fails in production. The 5-part setup every vibe coder misses.
Building Blocks · Authentication
Start GuideProtected Routes
Keep pages secure. proxy.ts, server-side checks, redirects, and the bouncer pattern.
Building Blocks · Authentication
Start GuideOAuth Providers
Google, GitHub, Apple, X, Microsoft, and more. Pros, cons, and setup steps.
Building Blocks · Authentication
Start GuidePayments & Stripe
Accept payments, subscriptions, webhooks, and monetize your app with Stripe.
Building Blocks · Payments
Start GuideSubscriptions
Recurring revenue with Stripe. Plans, trials, upgrades, and the gym membership model.
Building Blocks · Payments
Start GuideWebhooks
Real-time payment events. The doorbell pattern for when Stripe needs to talk.
Building Blocks · Payments
Start GuideClaude Code PRO Tips
Sessions, memory, compaction, permissions, and the habits that separate pros from dabblers.
AI Enhancement · Claude Code
Start GuidePlan Mode
Think first, code second. Claude's read-only planning mode and the permission modes around it.
AI Enhancement · Claude Code
Start GuideModel Context Protocol (MCP)
Connect Claude to your tools. Local and remote servers, scopes, auth, and what's worth installing.
ReadClaude Agents & Skills
Subagents for isolated tasks, Skills for repeatable workflows. Create your own or use built-ins.
AI Enhancement · Claude Code
ReadAgents vs Skills
When to reach for a subagent, a skill, a hook, or a plugin. A decision framework for power users.
AI Enhancement · Claude Code
ReadClaude Skills Ecosystem
Skills across Claude Code, the Claude apps, and the API. How they load and how to share them.
AI Enhancement · Claude Code
ReadContext Engineering
The skill that replaced prompt engineering. What goes in the context window, what stays out, and why.
AI Enhancement · Agentic Coding
ReadClaude Code Plugins
Install, build, and share bundles of skills, agents, hooks, and MCP servers through marketplaces.
AI Enhancement · Agentic Coding
Start GuideHooks & Automation
Run your own code at every step of Claude's loop. Auto-format, block risky commands, notify, and gate.
AI Enhancement · Agentic Coding
Start GuideParallel Agents & Worktrees
Run several Claude sessions at once without collisions. Subagents, git worktrees, and fan-out patterns.
AI Enhancement · Agentic Coding
Start GuideBackground & Cloud Agents
Hand off work that runs while you're away: headless mode, cloud sessions, scheduled routines, and CI.
AI Enhancement · Agentic Coding
ReadEvals & Guardrails
How to know your AI feature actually works: test sets, LLM-as-judge, and guardrails that catch failures.
AI Enhancement · Agentic Coding
ReadAI SDK + AI Gateway
Add AI to your Next.js app. Streaming chat, one API for every model, fallbacks, and spend control.
AI Enhancement · Building AI Apps
Start GuideStructured Outputs & Tool Use
Get JSON you can trust and let models call your functions. Schemas, tools, and agent loops.
AI Enhancement · Building AI Apps
Start GuideDurable Agents
Agents that survive crashes and wait for days. Workflows, queues, and sandboxes for long-running AI.
AI Enhancement · Building AI Apps
ReadPrompt Caching & Cost Control
Stop paying full price for the same tokens. Caching, model routing, budgets, and usage tracking.
AI Enhancement · Building AI Apps
Start GuidePrompt Injection & AI Security
The #1 risk in AI apps. How injection works, why it's hard, and the defenses that actually help.
AI Enhancement · Building AI Apps
ReadAI Tools for Vibe Coding
Claude Code vs Cursor vs Copilot vs Codex vs Antigravity. The 2026 tool landscape and how to choose.
AI Enhancement · Tools & Prompting
ReadPrompting
Get better AI results. Be specific, give context, show examples, iterate.
AI Enhancement · Tools & Prompting
Start GuideGoogle Antigravity
Google's agent-first IDE. Agent manager, browser control, artifacts, and when to use it.
AI Enhancement · Tools & Prompting
Start GuideEnvironment Variables
Secrets management. Keep API keys safe and configure different environments.
Production & Compliance · Going Live
Start GuideDomain & DNS
Buy a domain, configure DNS, connect to Vercel, and get HTTPS working.
Production & Compliance · Going Live
Start GuideDeployment Checklist
Pre-launch essentials: env vars, database, domain, security, observability, and more.
Production & Compliance · Going Live
ReadCookie Compliance
CCPA/CPRA and GDPR basics. Cookie banners, privacy policies, and avoiding massive fines.
Production & Compliance · Legal & Compliance
ReadCookie Banner Implementation
Step-by-step CCPA/GDPR compliance. Copy-paste AI prompt included for quick setup.
Production & Compliance · Legal & Compliance
Start GuideAWS Ecosystem
Building with AWS. Amplify, RDS, Lambda, Cognito, and how it compares to the Vibe Stack.
Alternative Paths · Other Clouds
ReadGoogle Cloud Ecosystem
Building with GCP. Cloud Run, Cloud SQL, Firebase Auth, and cost comparison.
Alternative Paths · Other Clouds
ReadPython Stack
Vibe coding with Python. FastAPI vs Django, uv, deployment options, and AI setup tips.
Alternative Paths · Other Languages & Platforms
ReadBuilding for iOS
Mac requirements, Xcode, Expo, the Apple Developer Program, and the real cost breakdown.
Alternative Paths · Other Languages & Platforms
ReadTools
Terminology
Plain-English definitions for every term you'll hit, from APIs to agents.
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 MCP server config for Claude Code and Claude Desktop.