Loading video player...
Build Full-Stack AI SaaS with Claude Code (Project Setup) š 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