{"product_id":"build-ai-enhanced-web-apps-how-to-get-reliable-results-with-react-nextjs-and-vercel-9781633436084","title":"Build Ai-Enhanced Web Apps: How to Get Reliable Results with React, Next.Js, and Vercel","description":"\u003cb\u003eGet a free eBook (PDF or ePub) from Manning as well as access to the online liveBook format (and its AI assistant that will answer your questions in any language) when you purchase the print book.\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003eThis book 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. \u003cp\u003e\u003c\/p\u003e It 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. \u003cp\u003e\u003c\/p\u003eIn \u003ci\u003eBuild AI-Enhanced Web Apps\u003c\/i\u003e you'll learn how to: \u003cp\u003e\u003c\/p\u003e - Integrate AI models into React and Next.js applications\u003cbr\u003e - Implement streaming responses and real-time AI interactions\u003cbr\u003e - Manage conversation history and context in chat applications\u003cbr\u003e - Implement LangChain.js for complex AI workflows and reasoning\u003cbr\u003e - Build a web application for summarizing documents using LangChain.js\u003cbr\u003e - Utilize Retrieval-Augmented Generation (RAG) systems for knowledge management\u003cbr\u003e - Develop an AI-powered interview preparation system with voice feedback \u003cp\u003e\u003c\/p\u003e \u003cb\u003eAbout the technology\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e 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. \u003cp\u003e\u003c\/p\u003e \u003cb\u003eAbout the book\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e 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. \u003cp\u003e\u003c\/p\u003e \u003cb\u003eWhat's inside\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e - Build AI features using a professional stack\u003cbr\u003e - Ship production-ready features\u003cbr\u003e - Learn from concrete projects \u003cp\u003e\u003c\/p\u003e\u003cb\u003eAbout the reader\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e For web developers familiar with JavaScript and React. \u003cp\u003e\u003c\/p\u003e \u003cb\u003eAbout the author\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e \u003cb\u003eTheo Despoudis\u003c\/b\u003e 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. \u003cp\u003e\u003c\/p\u003e \u003cb\u003eTable of Contents\u003c\/b\u003e \u003cp\u003e\u003c\/p\u003e Part 1\u003cbr\u003e 1 Using generative AI in web apps\u003cbr\u003e 2 Building your first generative AI web application\u003cbr\u003e 3 Connecting AI models with the Vercel AI SDK\u003cbr\u003e 4 Managing conversation and state in your application\u003cbr\u003e Part 2\u003cbr\u003e 5 Prompt engineering in web applications\u003cbr\u003e 6 Building AI workflows with LangChain.js\u003cbr\u003e 7 Document summarization and RAG with LangChain.js\u003cbr\u003e 8 Testing and debugging techniques\u003cbr\u003e 9 Deployment and security\u003cbr\u003e Part 3\u003cbr\u003e 10 Building an AI interview assistant: Project walk-through\u003cbr\u003e 11 Building an AI RAG agent: Project walk-through\u003cbr\u003e Part 4\u003cbr\u003e 12 Integrating web apps with the Model Context Protocol\u003cbr\u003e A Running the examples\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cb\u003eAbout the Author\u003c\/b\u003e\u003cbr\u003e\u003cb\u003eTheo Despoudis\u003c\/b\u003e is a Senior Staff Software Engineer at WP Engine, where he is part of the engineering team building the next generation of AI-Powered Search products and services for thousands of customers using WordPress. He is also responsible for supporting Headless WordPress solutions on top of Next.js and React.\u003cbr\u003e","brand":"Manning Publications","offers":[{"title":"Default Title","offer_id":52103898988818,"sku":"9781633436084","price":55.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/4771\/8930\/files\/img_dab51c6f-dd90-4394-8c6f-463b3ba693c7.jpg?v=1773160449","url":"https:\/\/surprise-castle.myshopify.com\/products\/build-ai-enhanced-web-apps-how-to-get-reliable-results-with-react-nextjs-and-vercel-9781633436084","provider":"Surprise Castle","version":"1.0","type":"link"}