Build Full-Stack AI SaaS with Claude Code (Project Setup)
🔗 Link do vídeo: https://www.youtube.com/watch?v=JQ86N3WOAh4
🆔 ID do vídeo: JQ86N3WOAh4
📅 Publicado em: 2025-11-10T10:46:24Z
📺 Canal: Leon van Zyl
⏱️ Duração (ISO): PT14M44S
⏱️ Duração formatada: 00:14:44
📊 Estatísticas:
– Views: 2.350
– Likes: 143
– Comentários: 30
🏷️ Tags:
Build Full-Stack AI SaaS with Claude Code (Project Setup)
📺 Watch the Full Playlist: https://www.youtube.com/playlist?list=PL4HikwTaYE0F40LZ_fZ1RXoxLrJyceKCu
🚀 Free Boilerplate Project: https://github.com/leonvanzyl/agentic-coding-starter-kit
💬 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 build a production-ready AI SaaS application using Claude Code, Next.js, and the Vercel AI SDK. In this comprehensive tutorial, you'll discover how to set up a complete tech stack including Next.js, ShadCN, BetterAuth authentication, Postgres database, and Open Router for AI model integration. Follow along as we build Plushify – an AI-powered image transformation app – from initial setup through authentication testing and AI integration, all using a free boilerplate project to accelerate development.
⏰ TIMESTAMPS:
00:00 AI SaaS App Demo
00:42 Claude Code vs Lovable and Bolt
01:15 Next.js Tech Stack Overview
02:17 Vercel AI SDK with Open Router
02:45 Plushify AI App Introduction
03:10 Free Boilerplate Project Setup
03:30 NPX Install Command
04:20 Postgres Database Setup
06:30 Google OAuth Authentication Setup
11:00 OAuth Consent Screen Configuration
12:30 Authorized Redirect URIs
13:00 Open Router API Key Setup
13:40 Testing Google Authentication
14:05 AI Model Integration Testing
#claudecode #codingagents #agenticcoding