Loading video...

Video Failed to Load

Go Home

Building a very useful app in 20 minutes that has - Deep Research (Perplexity) - Claude 3.7 Sonnet - YT Transcript API (SupaData) Without writing a single line of code With the latest Cursor update with web search and Claude 3.7 Sonnet, Vibe Coding got even more vibey. Timestamps:...

84,875 views • 1 year ago •via X (Twitter)

11 Comments

Ray Fernando's profile picture
Ray Fernando1 year ago

Brilliant! I love your drive and persistence. It’s so inspiring.

AssemblyAI's profile picture
AssemblyAI1 year ago

Our speech-to-text models are the most accurate on the market with top rankings across industry benchmarks. - The highest accuracy rates—up to 95% - Up to 30% fewer hallucinations than other leaders - Low latency—63 minutes converts in 35 seconds Try via API for free today 👇

Mr. C's profile picture
Mr. C1 year ago

How do you feel about grok coding? And is visual studio coding the same as cursor? Sorry, still trying to figure this out. Appreciate your videos very much

Riley Brown's profile picture
Riley Brown1 year ago

if you are a skilled programmer, feel free to use vs code. if you want to vibe code. just use cursor or windsurf. i will use grok3 when it's added to cursor.

Dr Rajab's profile picture
Dr Rajab1 year ago

Sonnet 3.7 not the best, actually the 3.5 is performing better. The new version create unnecessary things and doesn't follow the rules. I do like your approach here 👍

Riley Brown's profile picture
Riley Brown1 year ago

It’s performing better at small edits because it’s been refined in cursor. For the first prompt, however. I have found that 3.7 cook’s like no other model.

Deepwriter (The Everything AI)'s profile picture
Deepwriter (The Everything AI)1 year ago

Just don't use perplexity if you are looking for new ideas. Deepwriter is designed to not only ground truth, but it has 10s of thousand of lines dedicated to pushing into new knowledge, undiscovered by humans. try it out.

jeffscottworld (🛠️, 🤖, 🏡 )'s profile picture
jeffscottworld (🛠️, 🤖, 🏡 )1 year ago

Lemme stop you right there chief lol Cursor is not the best. And I say that as a 15yr veteran engineer. Not a “vibe coder”. The best is Windsurf.

AI03197's profile picture
AI031971 year ago

awesome content as always. way to go

danzig66's profile picture
danzig661 year ago

Very interesting for sure. I've been toying with the idea of blogging a bit, but beyond that, I just don't know how many apps I'd ever need to create. So haven't invested in Cursor et al

Jeff Pesos's profile picture
Jeff Pesos1 year ago

This is impressive! I used your GitHub template and Claude 3.7 Sonnet to create a QR code based event app in just a few hours. Thanks for sharing such a great resource!

Related Videos

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 Overview of Cursor and Its Features 01:47 Getting Started with Cursor 02:39 Understanding IDE and Vibe Coding 06:00 Cursor For Mobile Apps 10:26 Downloading and Installing Cursor 11:17 Creating and Managing Projects in Cursor 15:14 Building a Simple Game with Cursor 19:10 Advanced Features and Customization 40:28 Fixing Styling Rules 40:53 Redesigning the App 42:17 Exploring Cursor 2.0 Features 43:22 Setting Up the Project Structure 44:17 Adding and Testing Meme Templates 46:08 Debugging Text Issues 2. ADVANCED 49:46 Using Multiple Agents 01:10:40 Creating Custom Commands 01:14:15 Creating Commands in Settings Tab 01:15:11 Introduction to Instant DB 01:16:04 Setting Up Instant DB in Your Project 01:18:24 Building a Full Stack Application 01:19:04 Using the Agent to Plan and Build 01:26:06 Testing and Debugging the Application 01:53:02 Deploying the Application with Vercel 01:55:35 Setting Up the CLI 01:56:15 Understanding Command Line Interfaces (CLI) 01:57:32 Deploying Code to Vercel 01:58:07 Handling Environment Variables 01:58:44 Interacting with the Vercel Deployment 02:00:34 Exploring Cursor's Capabilities 3. COMPARING VIBE CODING TOOLS 02:09:48 Comparing Vibe Coding Tools 02:31:04 Final Thoughts and Recommendations

Riley Brown

65,392 views • 9 months ago

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,431 views • 1 year ago