Claude Code Tutorial: I Built a Full App in One Session
🚀 Access ALL video resources & get personalized help in my community: https://www.skool.com/agentic-labs/about?ref=3fd61190e13d426dbf4f3b38adc7de69 💬 My AI voice-to-text software (Wispr Flow): https://wisprflow.ai/r?LEON114 ☕ Buy me a coffee: https://www.buymeacoffee.com/leonvanzyl 💵 Donate using PayPal: https://www.paypal.com/ncp/payment/EKRQ8QSGV6CWW Learn how to vibe code a full-stack Secret Santa app from scratch using Claude Code and Cursor. This comprehensive tutorial covers the entire development workflow including project setup with the free agentic app boilerplate, AI-powered feature implementation using Claude Opus 4.5, Google OAuth authentication with BetterAuth, AI gift suggestions with OpenRouter, and production deployment to Vercel with a Neon Postgres database. ⏰ TIMESTAMPS: 00:00 - Secret Santa app overview 00:28 - Why use Claude Code over Bolt or Lovable 01:26 - Claude Opus 4.5 coding agent setup 02:53 - Agentic app boilerplate installation 04:06 - Tech stack Next.js BetterAuth OpenRouter 04:33 - Planning features with AI agent 07:01 - Create feature workflow 07:56 - Context window management tips 09:42 - Git commits and checkpoints 11:05 - GitHub repository setup 12:47 - Docker Postgres database setup 14:21 - Google OAuth credentials 16:09 - OpenRouter API key configuration 17:15 - Phase by phase implementation 18:19 - GitHub Issues project tracking 23:43 - AI code review workflow 24:44 - Testing the Secret Santa app 31:03 - AI gift suggestions feature 33:22 - UI improvements with Gemini 34:32 - Vercel production deployment 37:16 - Neon database for production 40:10 - Final testing and wrap up #claudecode #agenticcoding #vibecoding
