Build AI Podcasts from Any Site: Full-Stack Guide with Firecrawl, ElevenLabs & Next.js

About this video

Creating an AI-Enhanced Podcast Web App: Comprehensive Tutorial In this video, I'll guide you through building an AI-enabled full stack web app that not only crawls and processes data from various links but also generates a podcast script and audio using state-of-the-art technologies. We'll explore the step-by-step process using Firecrawl for data scraping, the Llama 90B model via Groq for LLM inference, and ElevenLabs for text-to-speech conversion. I'll cover everything from the front end and backend to setting up and deploying the application. Additionally, you'll learn about error handling, integrating audio functionalities, and using simple animations. By the end of this video, you'll be able to configure and run your own comprehensive podcast engine. Check the description for all the necessary links and resources. Repo: https://github.com/developersdigest/llm-podcast-engine You can obtain these API keys from the following sources: - FireCrawl API Key - https://www.firecrawl.dev/app/api-keys - Groq API Key - https://console.groq.com/keys - ElevenLabs API Key - https://try.elevenlabs.io/ghybe9fk5htz 00:00 Introduction to Building an AI-Enabled Web App 01:04 Setting Up API Keys 02:36 Initializing the Project 03:11 Creating the Podcast Generation Route 04:45 Handling Audio File Creation and Storage 06:07 Sending Requests and Handling Responses 07:12 Managing Context Windows and Final Steps 08:44 Crafting a Hilarious and Informative Podcast 09:17 Customizing the Model and Frontend Updates 09:43 Handling LLM Responses and Errors 10:32 Setting Up the LLM Podcast Engine 11:12 Managing URLs and User Inputs 11:44 Post Requests and State Management 13:24 Audio Handling and Event Listeners 13:55 Adding Animations and Final Touches 15:33 Conclusion and Final Thoughts