🔴 Let's build a Reddit 2.0 Clone with AI Mods! (Next.js 15, AI Agents, Sanity CMS, Clerk, Tailwind)

1️⃣ Get Started with Sanity 👉 https://www.sanity.io/sonny?utm_sourc...
2️⃣ Get Started with Clerk 👉 https://go.clerk.com/if5bz07

❗️Get the Complete Source Code for FREE 👉 https://www.papareact.com/reddit-buil...

🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course

🛠️ Looking for the Code for this build? (Plus over 55+ others!)
https://links.papareact.com/github

Join me as I show you how to build a Reddit Clone from scratch with Next.js 15 - This comprehensive tutorial covers everything you need to create a community-like app!

🎯 What You'll Learn:
👉 Full-Stack Development with Next.js 15
Server Components & Server Actions for optimal performance
Modern app router architecture
TypeScript for type safety and better development experience
Turbopack for lightning-fast development

👉 Content Management with Sanity CMS
Flexible post, comment, and community management
Rich text editor for post content
Media uploads and optimization
Custom schemas for social platform content
Real-time content updates

👉 Advanced Social Platform Features
Complete voting system for posts and comments
Community/subreddit creation and management
Post and comment threading with nested replies
User profiles with activity history
Real-time updates for engagement metrics

👉 AI-Powered Moderation
Vercel AI SDK integration
OpenAI integration for content moderation
Build your first AI Agent!
Automated inappropriate content detection
Smart censoring of prohibited content
User reporting system via tool calling
Context-aware moderation decisions

👉 Authentication & User Management
Secure authentication with Clerk
Protected routes and content

👉 Modern UI/UX
Responsive design with Tailwind CSS
Beautiful components with Radix UI
Custom animations and transitions
Loading states and skeletons
Intuitive search functionality
Time-ago timestamps for posts and comments

👉 Professional Features
Community search across all communities
Reporting system for inappropriate content
Mobile-optimized browsing experience

🎵 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up for the PAPAFAM Newsletter here 👉 https://links.papareact.com/newsletter

🕐 TIMESTAMPS:
0:00 Introduction
00:18 Build Demo
14:51 Build Tech Stack & Breakdown
20:07 Initialising the Build
29:49 Implementing Shadcn/ui
33:45 Implementing Clerk for Authentication
42:10 Building the Header Component
52:35 Implementing the Sidebar
1:00:52 Customizing the Sidebar
1:11:22 Setting Up Sanity Studio
1:25:19 Building the User Type Sanity Schema
1:28:50 Building Other Sanity Schemas (Post, Subreddit, Comment & Vote Types)
1:32:09 Testing a Post in Sanity Studio
1:35:47 Pulling Data from Sanity Studio
1:41:13 Displaying All Communities in the Sidebar
1:46:19 Implementing Sanity TypeGen
1:53:25 Building the Create Community Button Component
2:13:00 Implementing Server Actions
2:14:27 Creating a getUser Helper Function
2:18:57 Creating a addUser Helper Function
2:20:23 Implementing the Create Community Functionality
2:29:48 Building the Home Page
2:37:39 Implementing the Post Functionality
2:52:40 Implementing the Commenting Functionality
3:16:08 Implementing the Ability to Upvote / Downvote for Posts & Comments
3:31:27 Implementing the Search Functionality
3:37:15 Building the Community Page
3:41:40 Implementing the Create Post Functionality
4:09:14 Building the Report Post / Comment Functionality
4:17:28 Building a Custom Reported Schema in Sanity Studio
4:20:56 Implementing the Delete Functionality for Posts & Comments
4:32:11 Implementing AI Agents for AI Moderation (w/ OpenAI, Clerk’s Agent Toolkit & Vercel AI SDK)
4:52:15 Deploying to Vercel
5:01:45 Final Deployed Build Demo
5:04:39 Outro

Let’s get it PAPAFAM 🔥.

DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Reddit and it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes.

#nextjs15 #aiagent #ai