❗️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.

Reinier

Next.js

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

A comprehensive 19-hour crash course covering the development of four AI agent-powered full-stack applications using Next.js 15. The tutorial includes building an intelligent receipt tracker SaaS app, a Reddit-like platform with AI moderation, an AI chat app with agentic tools, and a video content generation SaaS. The course covers modern web development technologies including React, TypeScript, Tailwind CSS, Convex for backend services, Clerk for authentication, and various AI APIs like OpenAI and Anthropic. It demonstrates practical implementation of AI agents using LangChain and LangGraph, along with billing integration through Schematic and deployment via Vercel.

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