Sonny Sangha

Join me as I show you how to build a Reddit 2.0 Clone from scratch with AI Moderation. Learn the latest tech such as Next.js 15, Sanity CMS, Clerk, AI Agents, Tailwind CSS, TypeScript & much more!

🎯 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

Set your reminder here and I'll see you soon PAPAFAM! 👇

2 days ago (edited) | [YT] | 20

Sonny Sangha

Join me as I show you how to build a Receipt Tracker SaaS App from scratch with Multiple AI Agents. Learn the latest tech such as Next.js 15, Inngest, Schematic, Stripe, Clerk, Tailwind CSS, TypeScript & much more!

🎯 What You'll Learn:

👉 Full-Stack Development with Next.js 15
- Server Components & Server Actions for secure file handling and uploading
- Modern app router architecture with optimized routing
- TypeScript for type-safe application development

👉 SaaS Application Architecture
- Feature flag implementation with Schematic HQ
- Subscription-based access to premium features
- Usage-based pricing model
- User entitlements and permission management

👉 AI-Powered Receipt Processing
- Document OCR with AI integration
- Intelligent receipt data extraction
- Expense categorization with the power of AI Agents

👉 Authentication & User Management
- Secure authentication with Clerk
- User profiles and upload history
- Protected routes and premium features

👉 Advanced File Handling
- Drag-and-drop file uploads with DND Kit
- Multi-file processing capabilities
- Secure file storage and retrieval

👉 Modern UI/UX
- Responsive design with Tailwind CSS
- Beautiful components with Shadcn UI
- Interactive feedback during file processing
- Upload animations and transitions
- Comprehensive error handling with user feedback

👉 SaaS Monetization & Business Model
- Tiered subscription plans implementation
- Feature-gated functionality
- Usage quotas and limits
- Upgrade paths and user conversion

Set your reminder here and I'll see you soon PAPAFAM! 👇

1 month ago | [YT] | 25

Sonny Sangha

❗️ Your ULTIMATE Full Stack 2025 Developer Masterclass will be LIVE at 3pm GST Today.

Set your Reminders for the Masterclass Now by clicking the video below!


🚀 Your Agenda for Today

1️⃣ How to Leverage AI & AI Agents Save your Developer Career!
- AI will not take your job… BUT the developers who leverage AI will. I’ll share the tactics to make sure you’re not left behind!

2️⃣ Step-by-Step Guide to Launching / Marketing Your Own SaaS App
- I'll teach you how to launch a SaaS app from scratch that can start generating revenue.

3️⃣ Your ULTIMATE Full Stack Developer Roadmap for 2025 & Beyond!
- Presenting a comprehensive roadmap to excel as a Full Stack Developer in 2025 and beyond.

4️⃣ Tons of Free Goodies, Surprise Reveals, Winner Announcements, and More!
- Stay tuned for exciting giveaways, surprise reveals, and winner announcements for the Challenge!

5️⃣ Stick Around for the Full AI Agent SaaS App Source Code!
- Stay till the end to get access to the Complete Source Code of the AI Agent SaaS App that we built in this 5-Day Challenge.

6️⃣ Opening the Doors to Zero to Full Stack Hero 2.0!
- Announcing the launch of the new Zero to Full Stack Hero 2.0 with TONNES of next-gen upgrades, modules & more!


Make sure to show up and attend your Free Ultimate 2025 Full Stack Developer Training & claim tons of free goodies, prizes and much more! 🎁

I'll see you soon. LFG PAPAFAM! ✌️

1 month ago | [YT] | 9

Sonny Sangha

🔴 Day 4 of the 5-Day AI Agent SaaS Challenge will be LIVE Today at 3pm GST!


🔥 Your Day 4 Agenda

1️⃣ Vercel AI SDK Implementation
- Set up Vercel AI SDK with Claude 3.7 integration
- Configure streaming responses
- Create tools and tool-calling flow

2️⃣ AI Agent Chat Interface
- Create chat UI with message history
- Implement streaming response rendering via Vercel AI SDK
- Add quick-action buttons such as ‘Generate Title’, ‘Generate Thumbnail’ etc
- Build Sidebar for saving and loading chat sessions (Optional challenge bonus points)

3️⃣ Subscription Tier Limitations ⭐
- Use Schematic Feature flags to enable/disable tiered features
- Implement usage quotas and tracking

4️⃣ Final Deployment and Testing 🏁
- Comprehensive testing across all features
- Final UI/UX improvements
- Deploy production version

5️⃣ Featuring the Best App Deployments from Day 3


Make sure to show up on Day 4 to claim your free goodie. If you still haven't reserved your seat in the Challenge then this is your last chance to reserve a seat when we only have a few seats left currently 👉 www.papareact.com/challenge


Let's start Day 4 of the Challenge strong today and fully Complete the AI Agent SaaS App! 💪


LFG PAPAFAM! ✌️

1 month ago | [YT] | 5

Sonny Sangha

🔴 Day 3 of the 5-Day AI Agent SaaS Challenge will be LIVE Today at 3pm GST!


🔥 Your Day 3 Agenda

1️⃣ Convex Database Setup
- Configure Convex client and schema
- Create Convex data mutations/queries: videos, transcripts, images, titles
- Set up Clerk authentication integration with Convex (optional challenge bonus)

2️⃣ YouTube Video Processing
- Create form for submitting YouTube URLs
- Implement YouTube API integration for video metadata
- Build transcript extraction functionality

3️⃣ Analysis Page UI
- Building the /analysis page UI components
- Show Youtube metrics for video on /analysis page
- Create mobile responsive UI skeleton for Layout so its ready for Day 4

4️⃣ Polish and Deploy
- Implement responsive design for all screens
- Deploy updated version to Vercel
- Test end-to-end user flow


Make sure to show up on Day 3 to claim your free goodie. If you still haven't reserved your seat in the Challenge then this is your last chance to reserve a seat when we only have a few seats left currently 👉 www.papareact.com/challenge


Let's start Day 3 of the Challenge strong today and continue building the AI Agent SaaS App! 💪


LFG PAPAFAM! ✌️

1 month ago | [YT] | 4

Sonny Sangha

🔴 Day 2 of the 5-Day AI Agent SaaS Challenge will be LIVE Today at 3pm GST!


🔥 Your Day 2 Agenda


1️⃣ Building the Landing Page

- Create responsive hero section with compelling copy highlighting AI analysis capabilities

- Implement feature sections showcasing video analysis, AI chat, and title generation


2️⃣ Authentication with Clerk

- Set up Clerk SDK and middleware for protected routes

- Create sign-in/up flow

- Implement authentication state management

- Add protected route handling for authenticated features

- Integrate Clerk Elements (optional challenge bonus)


3️⃣ Schematic & Stripe Integration

- Set up Schematic SDK for feature flagging & analytics

- Configure Stripe payment processing

- Implement subscription plan selection and checkout flow

- Create our first Schematic component


4️⃣ Deployment

- Deploy to Vercel

- Configure environment variables

- Test authentication and payment flows


Make sure to show up on Day 2 to claim your free goodie. If you still haven't reserved your seat in the Challenge then this is your last chance to reserve a seat when we only have a few seats left currently 👉 www.papareact.com/challenge


Get hyped, excited and let's start Day 2 of the Challenge Strong Today! 💪


LFG PAPAFAM! ✌️

1 month ago | [YT] | 6

Sonny Sangha

🔴 Day 1 of the 5-Day AI Agent SaaS Challenge is now LIVE!

🔥 Your Day 1 Agenda

1️⃣ Introduction to the AI Agent SaaS Challenge
- Kick-off the challenge with an overview of what you'll achieve in the next 5 days.
- Learn about the goals, schedule, and exciting prizes awaiting you.


2️⃣ Setting Up Your Clerk Account
- Step-by-step guide to creating and configuring your Clerk account.
- Understand how Clerk simplifies authentication and user management for your app.
- Hands-on setup to ensure you're ready to integrate Clerk into your project.

3️⃣ Setting Up Your Schematic Account
- Step-by-step guide to creating and configuring your Schematic account.
- Understand how Schematic simplifies subscriptions & payments for your app.
- Hands-on setup to ensure you're ready to integrate Schematic into your project.

4️⃣ Building Your Personalised Portfolio / Digital Resume
- Receive the Free Digital Portfolio / Resume Starter Pack.
- Customising your portfolio to showcase your skills, projects, and experience.
- Tips on making your portfolio stand out to potential employers and clients.
- Deploy your portfolio online to share with the world.

Make sure to show up on Day 1 to claim your free goodie. If you still haven't reserved your seat in the Challenge then this is your last chance to reserve a seat when we only have a few seats left currently 👉 www.papareact.com/challenge


Get hyped, excited and let's start the Challenge Strong Today! 💪


LFG PAPAFAM! ✌️

1 month ago | [YT] | 12

Sonny Sangha

🥳 Introducing the 5-Day AI Agent SaaS Challenge!

[Limited Spots] Reserve your FREE seat here 👉 www.papareact.com/challenge

-

🗓️ Save these Dates: 25th February - 1st of March


It's time to build a fully-featured AI Agent SaaS App that can generate content such as transcripts, shooting script, potential thumbnails and titles from any YouTube video URL... all for FREE! 🚀


Plus, get a shot at winning over £10,000 in prizes, including a MacBook Pro, Keychron K8 Keyboard, exclusive swag, and a digital resume & portfolio to amplify your developer career! 🔥


And on Day 5, I’m dropping the Ultimate Full Stack 2025 Developer Roadmap & Training to take your coding skills to the next level! 🤯

-

🤔 What to Expect


Day 1: Introduction to the AI Agent SaaS Challenge, Setting up your Clerk and Schematic Accounts & Creating your personalised digital portfolio.

Days 2 - 4: Build Days where we will build the AI Agent SaaS App completely and deploy it!

Day 5 [Grand Finale]: Comprehensive full-stack software developer training to crush it as a developer in 2025, and free goodies, prize & winner announcements!

-

💻 What you'll learn

You'll get introduced into the world of AI Agents & SaaS, and you’ll learn the following tech:

- React.js & Next.js

- Clerk for Authentication

- Schematic

- Stripe for Recurring Payments

- Claude AI and Vercel AI SDK for the AI Enhancements

- Vercel for Deployment

- Tailwind CSS

- TypeScript

- Shadcn



🏆 Prizes you can win

1st Place

Apple MacBook Pro worth £2000

Lifetime Mentorship Program worth £1000s


2nd Place

Keychron K8 Keyboard

PAPA Platinum Membership worth £600 GBP


3rd Place

Clerk Swag Pack including hoodies, t-shirts, mugs and much more!

PAPA GitHub Repo with over 60+ Full Stack Apps

-

This challenge is all about learning, having fun, and expanding your skills in AI and SaaS… all for FREE! 😃

Get ready to conquer the AI Agent SaaS Challenge together. Comment below if you have secured your seat! 👇


Peace PAPAFAM! ✌️


- Sonny

1 month ago | [YT] | 16

Sonny Sangha

Join me as I show you how to build a Professional LMS (Learning Management System) Platform from scratch with Next.js 15 - This comprehensive tutorial covers everything you need to create a modern, feature-rich learning platform!


🎯 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


👉 Content Management with Sanity CMS

- Flexible course, module, and lesson management

- Rich text editor for lesson content

- Custom schemas and content types

- Real-time content updates


👉 Advanced Features

- Multiple video player integrations (YouTube, Vimeo, Loom)

- Course progress tracking system

- Module-based learning paths

- Real-time lesson completion status

- Beautiful course cards with progress indicators


👉 Authentication & User Management

- Secure authentication with Clerk

- User profiles and progress tracking

- Role-based access control

- Protected routes and content


👉 Payment Integration

- Complete Stripe payment flow

- Course enrollment system

- Webhook integration for payment processing

- Secure checkout process


👉 Modern UI/UX

- Responsive design with Tailwind CSS

- Beautiful components with Shadcn UI

- Custom animations and transitions

- Loading states and skeletons

- Dark mode support


👉 Professional Features

- Course catalog with filtering

- Student dashboard

- Progress tracking and analytics

- Instructor profiles

- Beautiful course landing pages


Set your reminder here and I'll see you soon PAPAFAM! 👇

1 month ago | [YT] | 39

Sonny Sangha

🔴 Let's build an AI Agent that can use Tools in NEXT.JS 15! (LangChain, Clerk, Convex, TypeScript, Tailwind CSS, IBM)

Join me as I show you how to build a powerful AI Agent with Next.js 15 that can interact with various tools and services. In this comprehensive build, you'll learn:

👉 How to implement Prompt Caching for optimized AI responses using Anthropic's caching feature (Drastically reduces token usage)
👉 How to integrate IBM's wxflows tooling to make any data source a tool in seconds, including YouTube transcripts and Google Books APIs!
👉 How to use LangChain and LangGraph for sophisticated tool usage, including:
- State management with StateGraph
- Tool orchestration with ToolNode
- Memory management with MemorySaver
- Intelligent message trimming for context management
👉 Build custom streaming solutions for Next.js 15, working around LangChainAdapter limitations when working with Custom Tools
- Real-time token streaming
- Tool execution feedback
- Proper error handling for failed tool calls
👉 Create a modern chat interface with:
- Real-time updates
- Message history management
- Tool interaction visualization
👉 Implement authentication with Clerk and integrate it with Convex database for:
- User management
- Chat history persistence
- Real-time data synchronization
👉 Leverage Claude 3.5 Sonnet for advanced AI capabilities with:
- Tool-augmented responses
- Context-aware conversations
- Efficient token management (4096 token context window)
👉 Deploy your application to production via Vercel with:
- Environment variable management
- Production-ready configurations
- Performance optimization
+ MORE!

Set your reminder here and I'll see you soon PAPAFAM! 👇

3 months ago (edited) | [YT] | 30