Mar 16
Loading video player...
In this complete Next.js full course, you'll learn how to build a Manus AI–style application from scratch using Next.js 16, React, ShadCN UI, and Tailwind CSS. We will design and implement a modern AI interface similar to Manus, focusing on clean architecture, reusable components, and scalable frontend patterns. By the end of this tutorial, you'll have a fully functional AI application UI and the skills needed to build your own advanced AI tools. This course is perfect for developers who want to master modern React development while building real-world AI applications. Source Code Code : in 3 hours LangChain Full-Course : https://youtu.be/nqgAJ3f7ho8 N8N Clone : https://youtu.be/jNtq3oJf6qM Learn Multi-Vector Retriever : https://youtu.be/E9aQfzy_2Xg JOIN THE AI HERO COURSE ⭐🌟✨ Join here : https://forms.gle/1B1tKJ4CzgjnBXFY6 Here's the covered Features 1. Deep Agent 2. Sub AGENT spawning 3. CodeAct Agent 4. MCP Server 5. Context Engineering 6. Sandbox Environment 7. PlayWright 8. Memory Design From scratch (Long-term & ShortTerm) 9. Skills 10. Context offloading 11. Agent loop : think act observe decide repeat 12. Browser Agent 13. Multi Agent orchestration 14.Hybrid Retrieval - semantic search and keyword (BM25) Algorithm Tech Stack : NextJs 16,MongoDB, LangChain,LanGraph,RAG TimesCode 0:00 - Introduction 10:38 - Setup Next 16 & NextAuth.js 38:35 - Build Chat UI & Streaming Agent Message 1:47:29 - Memory Design LongTerm & ShortTerm 3:40:11 - Deep Agent with Tools 4:45:11 - Agent Collaboration 5:27:12 - Streaming Agent Todos 5:32:07 - Streaming SubAgent 5:59:41 - Agent Computer 6:51:20 - MCP Server & SandBox Environment 7:04:04 - Repeated section (ref Agent Computer)