Vigyata.AI
Is this your channel?

Claude Code Tutorial: I Built a Full App in One Session

9.2K views· 280 likes· 41:02· Dec 10, 2025

🛍️ Products Mentioned (4)

🚀 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

About This Video

The festive season is here, so I vibe-coded a full-stack Secret Santa app from scratch in one session—setup, features, and deployment. I show you why I prefer this workflow over platforms like Bolt or Lovable: just use a real editor (I use Cursor) or the Claude Code CLI/extension, keep everything in your repo, and ship like you would on a real product. I run Opus 4.5 as my coding agent, start from my free agentic app boilerplate, and then plan the entire build inside the IDE before writing code. From there I walk through the full workflow: generating a proper requirements + phased implementation plan, managing the context window (this matters a lot), and using checkpoints/commits so you can always roll back. I push to GitHub early, then I use a workflow I’ve been enjoying recently—publishing the plan into GitHub Issues + a project board, and letting Claude Code implement phase-by-phase while automatically updating issue status. On the build side, we use Next.js, Postgres (Docker locally, Neon in prod), BetterAuth with Google OAuth, and OpenRouter via the Vercel AI SDK for AI gift suggestions. I also show how I test the app end-to-end, do an AI-assisted code review, generate public-facing docs, and deploy to Vercel. And yes—we hit real bugs (budgets, routing, LLM prompt quality) and I show you exactly how I feed those back to the agent to fix properly.

Frequently Asked Questions

🎬 More from Leon van Zyl