Build AI-Enhanced Web Apps, Video Edition

Effectively integrate AI using Large Language Models (LLMs) into your web apps and sites.

Build AI-Enhanced Web Apps shows you step-by-step and example-by-example how to build sites and applications that take advantage of large language models (LLMs) like GPT, Claude, and Llama. Written especially for web developers comfortable with React or Next.js, this book introduces the tools and techniques you need to add sophisticated AI features like Retrieval Augmented Generation (RAG), document summarization, chatbots, and more to your web-based projects.
In Build AI-Enhanced Web Apps you’ll learn how to
• Integrate AI models into React and Next.js applications
• Implement streaming responses and real-time AI interactions
• Manage conversation history and context in chat applications
• Implement LangChain.js for complex AI workflows and reasoning
• Build a web application for summarizing documents using LangChain.js
• Utilize Retrieval-Augmented Generation (RAG) systems for knowledge management
• Develop an AI-powered interview preparation system with voice feedback
Build AI-Enhanced Web Apps guides you through AI development using only JavaScript and other common web dev skills–no Python or Machine Learning experience required. You’ll learn by working with full-scale AI projects that solve actual business problems. You’ll soon be delivering user-friendly, efficient interfaces that make the absolute best use of AI tech.

About the Technology
The users have spoken! Agents, personalized responses, and other LLM-powered features are required in modern web applications. Build AI-Enhanced Web Apps presents the end-to-end architecture of AI web apps, including UI, backend infrastructure, data processing, API integration, deployment, and scaling, with examples and language perfect for professional web developers.

About the Book
This accessible book shows you how to ship real AI features—not just toy demos—using a JavaScript stack you already know: React for UI, Next.js for backend integration, and the Vercel AI SDK to connect to LLMs like Gemini and GPT. In it, you’ll acquire the skills you need to complete two portfolio-ready projects: a voice-based interview assistant and a RAG-powered corporate knowledge system. You’ll also learn how to design workflows that balance latency, cost, and UX and implement responsible guardrails for security, quality control, hallucinations, and bias.

What’s Inside
• Build AI features using a professional stack
• Ship production-ready features
• Learn from concrete projects

About the Reader
For web developers familiar with JavaScript and React.

About the Author

Theo Despoudis
is a Senior Engineer at WP Engine specializing in AI-powered search and headless WordPress. He is an expert in integrating LLMs, RAG, and Vercel AI SDK into React and Next.js apps.

Quotes
A mind-blowing guide on building AI-powered apps.- Philippe Charrière, DockerHighly relevant for today’s advancement in the field of Generative AI.- Sathya Annamalai Geetha, GoogleDefinitive, comprehensive, hands-on.- Nicolas Bievre, MetaA thorough review of techniques and frameworks with practical examples.- Sambasiva Andaluri, OracleUses a clear, conversational tone while maintaining depth and rigor.- Prashanth Josyula, Salesforce