Uploaded September 2025 | Updated September 2026, 3 weeks ago
🚀 Access ALL video resources & get personalized help in my community:
skool.com/agentic-labs/about?ref=3fd61190e13d426dbf4f3b38adc7de69
Build a complete AI podcast generator that turns articles into engaging conversations! This series covers everything: web scraping, AI conversations, professional UI design, and voice generation using OpenAI, 11Labs, and Next.js. Perfect for developers and no-code builders. Source code included!
In this series, we'll use the new OpenAI GPT-5-Codex model and the Codex CLI to build the app. Other coding agents and CLI tools will work too!
⚡ WHAT YOU'LL BUILD/LEARN:
🔹 Complete AI podcast generator that scrapes any URL and creates
natural dialogue
🔹 Professional project architecture and planning techniques for real-world applications
🔹 Model hot-swapping strategies to easily switch between AI providers
🔹 Next.js full-stack development with proper tech stack decisions
🔹 Integration of multiple AI services (web scraping, LLMs, and text-to-speech)
🎯 PERFECT FOR:
✅ Developers wanting to build production-ready AI applications
✅ "Vibe coders" looking to level up their development skills
✅ Anyone interested in AI automation and podcast creation
✅ Next.js beginners ready for a comprehensive project
✅ Developers tired of coding agents producing poor results with simple prompts
🛠️ TOOLS COVERED:
Firecrawl (reliable web scraping service)
11Labs v3 (advanced text-to-speech with multi-speaker dialogue)
Vercel AI SDK (model-agnostic AI integration)
Agentic coding using Claude Code, Codex, Cursor, and more.
⏰ DETAILED TIMESTAMPS:
00:00 - AI Podcast Generator Demo & Project Overview
01:25 - Planning Phase: Breaking Down Core Functionality
02:27 - Architecture Design: Scrape → Generate → Audio Pipeline
04:02 - Web Scraping Tools: Why Firecrawl Over Alternatives
05:33 - 11Labs v3 Dialogue Demo: Multi-Speaker Conversations
07:02 - Tech Stack Decision: Next.js Full-Stack Framework
08:43 - AI SDK Strategy: Model Hot-Swapping vs Direct APIs
11:01 - Next.js Project Setup & Installation Process
12:28 - Development Server Launch & Series Preview
🚀 GET STARTED:
📺 Build an AI Podcast Generator Playlist: youtube.com/playlist?list=PL4HikwTaYE0H4C2Mr-hLRNP3wu-3kowpf
☁️ 11Labs signup: try.elevenlabs.io/up77070vqvjl
📺 Agentic Coding Starter Kit: youtu.be/T0zFZsr_d0Q
📄 Free source code: github.com/leonvanzyl/ai-podcast
💡 WHY THIS APPROACH?
Learn professional development practices that coding agents struggle with - proper planning, architecture design, and model flexibility that scales to enterprise applications.
🙏 SUPPORT THE CHANNEL:
☕ Buy me a coffee: buymeacoffee.com/leonvanzyl
💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW
👋 CONNECT:
🔔 Subscribe for weekly AI automation tutorials
🐦 Follow on Twitter: https://x.com/leonvz
#claudecode #codex #vibecoding
🚀 Access ALL video resources & get personalized help in my community:
skool.com/agentic-labs/about?ref=3fd61190e13d426dbf4f3b38adc7de69
Build a complete AI podcast generator that turns articles into engaging conversations! This series covers everything: web scraping, AI conversations, professional UI design, and voice generation using OpenAI, 11Labs, and Next.js. Perfect for developers and no-code builders. Source code included!
In this series, we'll use the new OpenAI GPT-5-Codex model and the Codex CLI to build the app. Other coding agents and CLI tools will work too!
⚡ WHAT YOU'LL BUILD/LEARN:
🔹 Complete AI podcast generator that scrapes any URL and creates
natural dialogue
🔹 Professional project architecture and planning techniques for real-world applications
🔹 Model hot-swapping strategies to easily switch between AI providers
🔹 Next.js full-stack development with proper tech stack decisions
🔹 Integration of multiple AI services (web scraping, LLMs, and text-to-speech)
🎯 PERFECT FOR:
✅ Developers wanting to build production-ready AI applications
✅ "Vibe coders" looking to level up their development skills
✅ Anyone interested in AI automation and podcast creation
✅ Next.js beginners ready for a comprehensive project
✅ Developers tired of coding agents producing poor results with simple prompts
🛠️ TOOLS COVERED:
Firecrawl (reliable web scraping service)
11Labs v3 (advanced text-to-speech with multi-speaker dialogue)
Vercel AI SDK (model-agnostic AI integration)
Agentic coding using Claude Code, Codex, Cursor, and more.
⏰ DETAILED TIMESTAMPS:
00:00 - AI Podcast Generator Demo & Project Overview
01:25 - Planning Phase: Breaking Down Core Functionality
02:27 - Architecture Design: Scrape → Generate → Audio Pipeline
04:02 - Web Scraping Tools: Why Firecrawl Over Alternatives
05:33 - 11Labs v3 Dialogue Demo: Multi-Speaker Conversations
07:02 - Tech Stack Decision: Next.js Full-Stack Framework
08:43 - AI SDK Strategy: Model Hot-Swapping vs Direct APIs
11:01 - Next.js Project Setup & Installation Process
12:28 - Development Server Launch & Series Preview
🚀 GET STARTED:
📺 Build an AI Podcast Generator Playlist: youtube.com/playlist?list=PL4HikwTaYE0H4C2Mr-hLRNP3wu-3kowpf
☁️ 11Labs signup: try.elevenlabs.io/up77070vqvjl
📺 Agentic Coding Starter Kit: youtu.be/T0zFZsr_d0Q
📄 Free source code: github.com/leonvanzyl/ai-podcast
💡 WHY THIS APPROACH?
Learn professional development practices that coding agents struggle with - proper planning, architecture design, and model flexibility that scales to enterprise applications.
🙏 SUPPORT THE CHANNEL:
☕ Buy me a coffee: buymeacoffee.com/leonvanzyl
💰 PayPal: paypal.com/ncp/payment/EKRQ8QSGV6CWW
👋 CONNECT:
🔔 Subscribe for weekly AI automation tutorials
🐦 Follow on Twitter: https://x.com/leonvz
#claudecode #codex #vibecoding
