May 12
Loading video player...
Build a powerful AI coding assistant from scratch ! In this full Next.js course, you'll learn how to create a Codex & Claude Code clone using React, Next.js, and a custom VS Code Extension. We’ll build an AI-powered coding agent with streaming chat, file system tools, agent memory, RAG, code generation, terminal execution, and real-time IDE integration. Perfect for developers interested in AI engineering, coding agents, LangChain, LangGraph, MCP, and modern AI app architecture. 🚀 Source Code Code : https://www.patreon.com/posts/codex-clone-157939304?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link LangChain Full-Course : https://youtu.be/nqgAJ3f7ho8 N8N Clone : https://youtu.be/jNtq3oJf6qM ChatPDF Clone : Learn Multi-Vector Retriever & Parent Document Retriever Human-In-Loop : https://youtu.be/nRSqpaX7Fsg LangGraph Course : https://youtu.be/Hz21KVo0t4E JOIN THE AI HERO COURSE ⭐🌟✨ Join here : https://forms.gle/1B1tKJ4CzgjnBXFY6 Collaboration Email me : bienfait201@gmail.com ⭐🌟✨Manus AI Vs Codex Clone (check the difference ⬇️⬇️) 1. Tool selection (Less Token Consumption) 2. Human in Loop (LangGraph persistent layer for resuming the Graph) 3. Less Token Consumption 4. Codex Has AST (Abstract Syntax Tree) Tools to understand Codexbase better 5. On Demand CodeBase Embedding 6. Open any Project Directly in vs code Editor ✨ Here's the covered Features 1. Deep Agent 2. Sub AGENT spawning 3. CodeAct Agent 4. MCP Server 5. Context Engineering 6. VS Code extension 7. Multi-Agent system 8. Memory Design From scratch (Long-term & ShortTerm) 9. Skills 10. Context offloading 11. Agent loop : think act observe decide repeat 12. RAG 13. Multi Agent orchestration 14.Hybrid Retrieval - semantic search and keyword (BM25) Algorithm Tech Stack : NextJs 16,MongoDB, LangChain,LanGraph,RAG TimesCode 0:00 - Project Demo 05:53 - Course Chapters 09:20 - Setup an express Server 17:11 - Github authentication & setup DB 34:30 - What is an AI Agent 37:06 - Coder Agent Architecture Breakdown 41:09 - Context Engineering & Agent Context Window 45:37 - Bash Tools 57:48 - Git Tools 1:04:38 - FileSystem Tools 1:11:19 - Abstract Syntax Tree (AST) Toolsc 1:16:06 - Assemble Context for Codebase Tools 1:40:29 - AST-Aware RAG (Retrieval Augmented Generation) 2:03:02 - TodoList Tools 2:06:30 - Task Tool For Spwaning SubAgent 2:15:07 - Tool Registry & Testing CoderAgent 2:44:09 - Build Memory Agent (LTM & STM) 3:42:10 - Tool Selector Agent & CoderAgent Node 4:30:29 - UploadFileController & ChatController 4:38:13 - Human In Loop 5:15:30 - Build VS Code Extension with React 6:04:35 - Authenticate with Github 6:26:00 - Fetch ChatMessages & Interacting with CoderAgent 6:49:07 - Add Human in Loop Component 7:30:34 - TodoList Component 7:46:19 - Streaming File & Uploading Project To Server