Loading video...

Video Failed to Load

Go Home

Cursor Complete Guide for AI Coding... 1. The Basics, Composer, Cursor 2.0, Why use Cursor? 2. Multiple Agent Testing, Adding Database, Deploying to Vercel 3. Comparing the big 4: v0, Replit, Lovable, Cursor And more... with Senior Software Engineer Kehan Zhang TIME STAMPS --------------- 1. BASICS: 00:00 Introduction 01:01...

65,707 views • 11 months ago •via X (Twitter)

29 Comments

Vibecode's profile picture
Vibecode11 months ago

@kehanisvibing Basically @cursor_ai for web apps And @v_computer for mobile apps

Riley Brown's profile picture
Riley Brown11 months ago

@kehanisvibing @cursor_ai Here’s the YouTube video

Kehan Zhang's profile picture
Kehan Zhang11 months ago

To use cursor, plug in a mouse

Kyle's profile picture
Kyle11 months ago

@kehanisvibing Are you having cursor write everything for github?

Rick Kruse's profile picture
Rick Kruse11 months ago

@kehanisvibing I still don't understand why cursor over using claude code inside of your terminal

Medurik's profile picture
Medurik11 months ago

@kehanisvibing Thank you! Love your content keep it coming. Learning so much and developing a lot of new apps and software.

Avdheshgarg's profile picture
Avdheshgarg11 months ago

@kehanisvibing I was truly waiting for this Thanks 👍

ash's profile picture
ash11 months ago

@kehanisvibing been meaning to test Cursor for a new project. this looks like the perfect deep dive

Marlon Van Wyhe's profile picture
Marlon Van Wyhe11 months ago

@kehanisvibing This was epic to watch, thanks guys

Ryan (Ryan)'s profile picture
Ryan (Ryan)11 months ago

@kehanisvibing My afternoon watch

Aniket Khandelwal's profile picture
Aniket Khandelwal11 months ago

@kehanisvibing more bookmarks than likes is insane

Riley Brown's profile picture
Riley Brown11 months ago

@kehanisvibing That’s standard for long videos on x

(((Cazador-de-Chimba))) 🇦🇺's profile picture
(((Cazador-de-Chimba))) 🇦🇺11 months ago

@kehanisvibing I found your video on this topic on YouTube yesterday, thinking to myself "damn, I wish there was a Cursor 2.0 version, I want a full course in 2.0" and now here it is! Perfect timing, thx man

Chad²'s profile picture
Chad²11 months ago

@kehanisvibing @TheUpsiderAI save this post

Karan Jagtiani's profile picture
Karan Jagtiani11 months ago

@kehanisvibing Nice breakdown. Curious how Cursor 2.0 stacks against Replit for full-stack workflows?

KΞL's profile picture
KΞL11 months ago

@kehanisvibing bro types like this?

Thanh Doan's profile picture
Thanh Doan11 months ago

@kehanisvibing finally, a guide for when my code writes itself while i'm getting coffee.

murad's profile picture
murad11 months ago

@kehanisvibing Honestly, mastering AI coding with Cursor isn’t just about learning features it’s about building real, deployable apps efficiently.

Kris Par's profile picture
Kris Par11 months ago

@kehanisvibing Is Cursor better than Base44?

Lyceum's profile picture
Lyceum11 months ago

@kehanisvibing Wow, that's a deep dive!

Ebuka Peter's profile picture
Ebuka Peter11 months ago

@kehanisvibing Hey man I DMed would appreciate a response

Himanshu Kumar's profile picture
Himanshu Kumar11 months ago

@kehanisvibing Looks like a comprehensive guide, Riley! This Cursor stuff is really changing the game, isn't it?

Dr G Hodl's profile picture
Dr G Hodl11 months ago

@kehanisvibing Sounds like a good resource to check out, especially for the comparisons!

Thack's profile picture
Thack11 months ago

@kehanisvibing @leerob why did you not make this?

Suhrab Khan⚡️'s profile picture
Suhrab Khan⚡️11 months ago

@kehanisvibing This Cursor guide is a masterclass!

Dylan J Hall's profile picture
Dylan J Hall11 months ago

@kehanisvibing Thanks!

Timur Yessenov's profile picture
Timur Yessenov9 months ago

Great resource. One thing I'd add to any "complete guide": The tool is 10% of the equation. The thinking is 90%. Cursor, v0, Replit - they're all force multipliers. But multiplying zero understanding still equals zero. Best developers using these tools aren't the fastest typists. They're the ones who can spot when AI is confidently wrong.

ShareAI's profile picture
ShareAI11 months ago

@kehanisvibing Thanks for sharing!

Faisal Shariff's profile picture
Faisal Shariff11 months ago

@kehanisvibing cool - i do find it increasingly hard to look beyond @Replit

Related Videos

Everyone is talking about Vibe Coding (Using AI to Create Apps Only using AI) This is the most Comprehensive Guide for Vibe Coding with Cursor (By Far) 250 Minutes, All the vibe code basics of cursor, plus 4 Projects in one video! This is how I, as someone who has never written a line of code, approach building apps (every day). Part 1A Intro to Cursor, Composer, and some basics --------------------- 00:00 Intro 03:41 Downloading Cursor 06:09 What the hell is Composer? 10:47 A Note on Context and Keeping Composer Threads Small 11:38 Simple Desings with Cursor Composer From Blank Project 14:04 Editing a Simple Animation With Cursor Composer 16:35 Setting Up The Voice to Talk to Cursor Composer Whispr Flow 17:54 Lets an Early 2000's Landing Page Part 1B AI Image Generator --------------------- 23:59 Using the GitHub Template to Create a NextJS App 26:43 Template is Open, Let's Edit it 28:55 Drawing Out My Idea With Whimsical 30:11 First Prompt Using Place Holders For Image Generation 32:10 Accept All Vs Save All and Restoring in Composer (Saving your work) 33:54 Adding AI Feature (Brief Teaser, Deep Dive Later) 35:15 What is an API 37:22 Perplexity the best place to learn about API's 40:21 Api keys and running prompt for first AI Feature 42:48 Debugging, Woohoo! Learn to love this :) 43:20 Inspect - Console, In Browser Debugging Hack 48:02 AI Image Generation Works! Lets add more Part 2: Landing Page ---------------------- 51:03 Pause and Reflect, What have we done so far? 53:41 Plan for rest of video 54:34 Ok Let's Talk about (1) Designs 56:19 GitHub is like --sref for those who do image gen 58:20 Starting Cursor project from a GitHub Repo we found on Perplexity 01:00:48 Yolo Mode... Wtf is that? 01:02:38 Inspecting GitHub Repo's Examples, to use in our landing page 01:02:58 The Project We're making - A landing page 01:03:56 Landing Page from Screenshot 01:06:17 Making Changes to Landing Page 01:11:42 Making a more epic section 01:13:42 The Essence of Vibe Coding 01:15:17 Creating Cool Testimonials Section From Screenshot 01:18:18 Deploy to Vercel! But First New Repo on GitHub 01:20:45 Ok it's on GitHub... Now lets do vercel 01:21:17 Untechnical Explanation of what Vercel is Lol 01:24:18 Connecting Custom Domain (Bought on Name Cheap) To Vercel Deployment Part 3: App With Database and Authentication ---------------------- 01:27:59 Recap and Prep For The Bigger Project! 01:35:13 Getting Started from Template (Again) 01:38:52 Setting Up Database and Authentication (Firebase) 01:44:01 Back To Cursor, Let's Set up The Auth in the app 01:48:35 Switching to mermaid because compatibility issues 01:51:13 Using AI (Claude) to Generate Mermaid Diagrams 01:52:19 Adding Docs to Cursor to use AI Features over and over again 01:54:38 Let's Troubleshoot 01:56:10 Adding View Button and EDIT WITH AI 02:01:45 AI Diagram Edit Feature is DOPE 02:03:17 Using Search Feature on Cursor to find text in Codebase 02:05:55 Lets add ability to save these to Database 02:09:33 What does saved to Google Firebase even mean? 02:13:00 We can Export as PDF! 02:15:48 GitHub and Vercel Again! 02:17:27 Vercel with CLI From Cursor 02:20:52 Setting Vercel Domain as an Authorized Domain 02:27:34 How To Learn More

Riley Brown

368,936 views • 1 year ago

The Codex Super-App (Full Beginners Guide) The All Purpose Interface for AI Agents Part 1: Codex Basics Install Codex, Projects, Chats, Documents, Plugins, Custom Skills, Automations Part 2: Multitasking with Codex - iOS App Designs - Build an iOS App - Landing Page - Launch Video - Investor Deck - Social Media Automation TIMESTAMPS: Part 1: Codex Basics 00:00 Intro 02:54 Downloading Codex 03:20 Overview of Codex interface 03:56 Chats, Prompting, & Built in Search 04:53 Creating Projects 07:37 Creating Spreadsheet 09:43 How Files are stored and mentioned within projects 10:42 Quick Codex Overview 12:47 Search (CMD G) and Folder Organization 14:29 Skills and Plugins 16:29 Using Calendar Plugin 18:07 Creating Automations on Codex 19:18 Learn about Plugins (Figma) 21:37 Built in Image Gen 22:37 MCP Example (Paper for Design) 24:17 Opening Chats in mini-window 25:26 Steering vs Queueing the Agent 27:35 Creating Own Skill with API's 31:34 Using YouTube Researcher Skill (That we created) 33:24 Creating Automation with your custom skill Part 2: Multitasking (More chaotic and fun) 35:27 Part 2 Multitasking: Building iOS App, Web App, Investor Deck, Launch Video, Mobile Designs, and Automated X Posts 37:54 Creating Project 38:31 Planning my 6 Projects 40:25 Mobile Design Skill 41:47 Setting up iOS App 45:08 Implementing Desings into Mobile app 46:13 Creating a landing page that collects user info 46:45 Tally for form submission (Great for lead magnets) 49:43 Organizing and Renaming Chats for multitasking 52:12 Database for Mobile App (Supabase) 53:19 Generating app icons 54:08 Launch Video (Remotion) 59:32 Remotion Video Timeline and Seeing the Video Editor 01:05:37 Editing instructions for Remotion (Gridlines) 01:07:11 Editing Web App 01:09:46 Using CLAUDE CODE Inside Codex for Design (Terminal) 01:17:20 Forking a Chat to create investor deck 01:19:09 Using Claude 4.7 Opus for Designing Deck 01:20:22 Testing Canva Export (It's good) 01:22:33 Running Mobile App on Actual Phone (Not Simulator) 01:28:58 Finishing up All Projects (Mobile App, Landing Page Launch Video) 01:31:56 Exporting Deck and making changes in Canva 01:33:13 Deploy to Vercel using the Vercel Plugin 01:33:44 Adding Song to Remotion Video 01:35:26 Setting up x Post automations (Typefully) 01:37:57 Our App is on Testflight! 01:39:58 Final Remotion Video 01:41:04 Final Thoughts, Reflections, Summary

Riley Brown

437,967 views • 6 months ago