Learn AI Agents by Building 4 Full-Stack Apps in 19 Hours! (Next.js 15 Beginner Crash Course | 2025)

Video Description

❗️Get Started with Clerk for Free 👉 https://go.clerk.com/BtvgQrE ❗️Get Started with Schematic for Free 👉 https://schematichq.com/?utm_source=youtube&utm_medium=sonny&utm_campaign=crashcourse 🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course 🔴 Looking for the code for ALL of my builds? 🛠️ https://links.papareact.com/github 🖥️ Join me as I build 4 AI Agentic Apps using Next.js 15, ReactJS, Tailwind CSS, TypeScript, & More: 1️⃣ RECEIPT TRACKER APP that stores any uploaded receipt, extracts all important data using AI Agentic workflows, and displays the receipt’s key details along with a AI Summary! 2️⃣ REDDIT 2.0 CLONE featuring an AI Moderation Bot powered by AI Agents to detect profanity & sensitive information in posts and comments… and automatically redact it with auto AI moderation! 3️⃣ AI AGENT CHAT APP that leverages Agentic tools from IBM’s Wxflows to retrieve YouTube video transcripts, search through Google Books for book info and summaries, and much more to answer any of your Questions! 4️⃣ AI AGENTIC SAAS APP that uses AI Agents to generate titles, thumbnails, shooting scripts, transcripts, and more from any uploaded video. A perfect SaaS App for deploying and generating recurring revenue today! 🕐 TIMESTAMPS: ➡️ Introduction 0:00 Intro 2:36 Clerk for Authentication 4:18 Schematic for Billing 5:53 Zero to Full Stack Hero 2.0 1️⃣ Receipt Tracker SaaS App 0:00 Intro & Build Demo 10:53 Build Tech Stack & Breakdown 26:13 Initialising the Build with Convex & Clerk 42:44 Building the Header Component 52:46 Setting Up & Implementing Schematic for Billing 1:39:14 Building the Landing Page 1:50:20 Implementing the File Upload Functionality with Convex 2:28:27 Building the Receipt List Component 2:36:52 Implementing a Inngest Agent Flow (with AgentKit) 3:13:34 Building the Receipt Page & Feature Gating with Schematic 3:27:42 Implementing the Delete Receipt Functionality 3:34:19 Deploying to Vercel & Final Build Demo 2️⃣ Reddit 2.0 Clone 3:58:17 Intro & Build Demo 4:12:02 Build Tech Stack & Breakdown 4:16:04 Initialising the Build & Implementing Clerk 4:35:41 Building the Header Component & Sidebar 5:02:47 Implementing Sanity Studio, TypeGen & Schemas 5:43:30 Building the Create Community Button Component 6:17:12 Implementing Reddit-Like Functionalities (Post, Commenting, Upvote/Downvote, Reporting, Deleting) 8:12:06 Implementing AI Agents for AI Moderation (w/ OpenAI, Clerk’s Agent Toolkit & Vercel AI SDK) 8:31:42 Deploying to Vercel & Final Build Demo 3️⃣ AI Agent Chat App 8:40:17 Intro & Build Demo 8:55:11 Build Tech Stack & Breakdown 9:06:34 Initialising the Build with Clerk & Convex 9:38:12 Building the Landing & Dashboard Page 10:08:57 Building the Sidebar Component 10:14:51 Implementing the Chat Feature w/ Convex 11:16:28 Implementing LangChain & LangGraph w/ Anthropic & IBM Wxflows (for Tools) 12:24:52 Building the Streaming Functionality 13:17:50 Deploying to Vercel & Final Build Demo 13:26:01 AI Agentic SaaS App Intro | Build 4 of 4 13:27:24 AI Agentic SaaS App 19:47:16 Outro DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with ChatGPT, OpenAI, Reddit, Google, or any of their subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for educational purposes.