Mar 20
Loading video player...
🔐 Clerk (Auth + Billing): https://go.clerk.com/sonny 🚀 Join the Zero to OpenClaw Hero waitlist 👉 https://www.papareact.com/ztoh-form Episode 2 of our new Series ‘Code with AI the Right Way’ is here! — and this time, we’re building LIVE from scratch! No pre-built code, no shortcuts. You’ll watch the entire process unfold in real-time as we break down requirements, set up our AI tooling, and vibe code a full Product Hunt clone from zero. Whether you’re just starting out or leveling up, this episode shows you how to think through architecture first, then leverage tools like Cursor to move fast without breaking things. 👇 Other Links mentioned in the video: 🗄️ Convex (Real-time Database): https://convex.dev/referral/SONNYS4371 💻 Source Code Form: [Updated after build is completed] --- 🎯 What You'll Get From This Episode: 📋 Requirements Breakdown We start by analyzing Product Hunt's core features and translating them into a clear build plan — the way a senior developer would scope a project before writing a single line of code. 🛠️ AI Tooling Deep Dive Watch us set up and configure the AI tools we'll use throughout the build — Cursor, skills, MCP servers, rules files, and documentation context. You'll learn WHY each tool matters and WHEN to use it. 🧠 What You'll Learn Along the Way: • How to break down a real-world app into buildable phases • Setting up your AI coding environment the right way • When to use Plan Mode vs Agent Mode in Cursor • How to feed AI the right context (docs, skills, rules) • Debugging live — because things WILL break, and that's the lesson • Architecture decisions: why we structure things the way we do This is a LIVE build — mistakes, debugging, and all. That's the point. You learn more watching someone solve real problems in real-time than from a polished, pre-recorded tutorial. 🕣 Timestamps: [COMING SOON - After the live is finished] ─── 👇 Want to become an AI Next-gen developer? Check out my course & community here: https://www.papareact.com/course Learn to vibe code the RIGHT way with Cursor and AI — build real-world SaaS apps from scratch, join thousands of developers in the community, and land your dream job. ─── 📱 Follow me across socials: Twitter/X: https://x.com/sonnysangha Instagram: https://instagram.com/sonnysangha LinkedIn: https://linkedin.com/in/sonnysangha TikTok: https://tiktok.com/@sonnysangha Discord: https://discord.gg/papafam DISCLAIMER: This video is sponsored by Clerk. This video is made for informational and educational purposes only. We do not own or affiliate with Product Hunt and/or 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. #cursor #ai #vibecode #nextjs16 #clerk #convex #tailwindcss #vibecoding #fullstackdeveloper #reactjs #typescript #saasapp #multitenant #webdev #cursorai #claude #openai #gpt #opus46 #opus #codex