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 : https://www.patreon.com/posts/build-manus-ai-153158299?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link Web Automation Docker Image : https://github.com/Bienfait-ijambo/web-automation-docker-image.git 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 Collaboration Email me : bienfait201@gmail.com 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 00:43 - Add LTM & STM Memory to deepAgent 19:32 - Context offloading 29:40 - Agent Skills 1:04:04 - Running Nodejs APP into Sandbox Environment 1:10:52 - Add Browsing Capabilities to DeepAgent