I Built an AI Podcast Generator and Here’s How You Can Too

🔗 Link do vídeo: https://www.youtube.com/watch?v=S7-OCvE1uro
🆔 ID do vídeo: S7-OCvE1uro

📅 Publicado em: 2025-09-16T11:00:55Z
📺 Canal: Leon van Zyl

⏱️ Duração (ISO): PT12M49S
⏱️ Duração formatada: 00:12:49

📊 Estatísticas:
– Views: 1.222
– Likes: 77
– Comentários: 13

🏷️ Tags:

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: https://www.youtube.com/playlist?list=PL4HikwTaYE0H4C2Mr-hLRNP3wu-3kowpf
☁️ 11Labs signup: https://try.elevenlabs.io/up77070vqvjl
📺 Agentic Coding Starter Kit: https://youtu.be/T0zFZsr_d0Q
📄 Free source code: https://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: https://www.buymeacoffee.com/leonvanzyl
💰 PayPal: https://www.paypal.com/ncp/payment/EKRQ8QSGV6CWW

👋 CONNECT:

🔔 Subscribe for weekly AI automation tutorials
🐦 Follow on Twitter: https://x.com/leonvz

#claudecode #codex #vibecoding