🔴 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_source=youtube&utm_medium=video&utm_content=reddit
2️⃣ Get Started with Clerk 👉 https://go.clerk.com/if5bz07

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

🚨 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

Видео 🔴 Let's build a Reddit 2.0 Clone with AI Mods! (Next.js 15, AI Agents, Sanity CMS, Clerk, Tailwind) канала Sonny Sangha