正在加载视频...

视频加载失败

CLAUDE + CURSOR + REPLIT = MAGIC (FULL VIDEO TUTORIAL) You can now write create complex web apps with just english (No copy - paste) using the BEST AI Code generation tool on the market - Cursor. The only problem with cursor for a coding beginner like me, is...

309,237 次观看 • 1 年前 •via X (Twitter)

10 条评论

Riley Brown 的头像
Riley Brown1 年前

Instructions for syncing Replit with Cursor This looks like a lot but it takes 3 minutes once you get it down. HUGE shout out to @anshnanda_ for showing me how to do this. Open Repl or Create with our Template Go to Cursor - Click Terminal - Click CMD K - Type "Generate an SSH Key For Replit, name it Replit, and copy the public key to the clipboard" - if prompted to overwrite put "y", then enter - it'll prompt about passphrase, just press enter - it'll prompt about passphrase again, just press enter - this automatically copies the ssh key to clipboard Go to Replit - plus sign (new tab) and type SSH - go to SSH panel - Click Keys - Add SSH Key - Give it Label (doesn't matter what you call it) - Paste in that code from cursor that was automatically added to your clipboard in previous process. Should be a fat chunk of text. (If its smaller, you didn't specify the public key) - Go to connect tab in same panel - Copy the Shell command Go Back to Cursor - Open with SSH - Paste that shell command on top - Click Add new SSH Host - Paste the command again - Enter - Click the first option that pops up - Bottom Right of screen click connect - Click Continue - Open Folder - Click name of Replit Project (Repl) If you are using the template just set up firebase as I do quickly and you are set up with database authentication and storage.

Riley Brown 的头像
Riley Brown1 年前

Shout out @imrat for the idea to connect cursor to replit!!!!!

Matt Wolfe 的头像
Matt Wolfe1 年前

@cursor_ai Dude! I'm loving this AI coding arc you're on right now. Learning a ton from what you're up to. :)

Riley Brown 的头像
Riley Brown1 年前

@cursor_ai means ALOT coming from you sir. tbh its the first time i've actually been excited about what i'm doing in many months. i'm having so much fun :)

Zvezdan Nedeljkovic 的头像
Zvezdan Nedeljkovic1 年前

@cursor_ai I think the best approach is to use AI to learn the basics and understand how things actually work, all while working on various small projects that you can program with AI. This way, in no time, you'll be able to create extremely complex things.

Dazai 的头像
Dazai1 年前

@cursor_ai I am looking forward to the backend video. I really admire you for pushing the boundaries of coding with AI without a tech background. I'm the same boat and also doing tons of experimentation but the backend is quite difficult.

Zachary Salyers 的头像
Zachary Salyers1 年前

@cursor_ai did anyone else get an error message when trying to connect to the ssh?

Stu 的头像
Stu1 年前

@cursor_ai new pair programming just dropped

Tony Cosentino 的头像
Tony Cosentino1 年前

@cursor_ai Now this looks like a fantastic workflow I will learn to use . I only found the power of Cursor recently thanks to @hive_echo Thank you both for showing in detail how to make this all work together.

Ammaar Reshi 的头像
Ammaar Reshi1 年前

@cursor_ai Dude, so so good. Inspiring stuff!

相关视频

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,318 次观看 • 8 个月前

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

367,311 次观看 • 1 年前