The Saucy Playbook
A complete learning journey from zero to production. Follow the phases or jump to what you need.
FoundationsStart your journey here
Your First Next.js App
Zero to deployed in one session. Create your first app, understand the terminal, and learn the mindset that makes you unstoppable with AI.
Architecture Over Tools
Think in patterns, not products. This foundational mindset makes you unstoppable with AI assistants and helps you ship faster.
Read PlaybookThe Vibe Stack Foundation
Master the core tools: Next.js for building, Git for version control, and Vercel for deployment. Everything connects here.
Building BlocksAdd features to your app
Data Layer
Database Strategy
SQL vs NoSQL, when each shines, Neon vs Supabase vs others. Make the right choice.
ReadConnect Neon + Drizzle
Wire up Postgres + Drizzle ORM. Type-safe queries, migrations, and real data.
Start GuideSchema Design
Structure your data. Tables, columns, relations, and the blueprint for your database.
ReadDrizzle ORM
Type-safe database queries. The translator between TypeScript and SQL.
ReadAuthentication
Authentication Overview
Clerk vs NextAuth vs Supabase Auth. Login flows, sessions, and security patterns.
ReadThe OAuth Trap
Why login works locally but fails in production. The 5-part setup everyone misses.
Avoid ThisProtected Routes
Keep pages secure. Middleware, redirects, and the bouncer pattern for your app.
Start GuideOAuth Providers
Google, GitHub, Apple, X, Facebook. Pros, cons, costs, and setup steps.
View OptionsPayments
AI EnhancementSupercharge your development
Claude Code Mastery
Complete guide to Claude Code: setup, pro tips, plan mode, agents & skills. Become an AI-powered developer.
Model Context Protocol (MCP)
Claude Code vs Desktop setup, server configuration, common pitfalls, and pro tips for unlocking AI superpowers.
ReadProduction & ComplianceShip professionally
Alternative PathsOther ecosystems
Not using the Vibe Stack? We have guides for other ecosystems too.