Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Using the 6 best Vibe Coding Tools AT THE SAME TIME Without writing a single line of code @lovable_dev - Landing Page bolt.new - Writing App w/ AI chat Replit ⠕ - To-Do List App Cursor - AI Image Tool (figma + ai gen) @windsurf - Perplexity v0 -...

rileybrown's profile picture

Riley Brown

99,171 subscribers

79,821 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimKomedi
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

The Bentist profil fotoğrafı
The Bentist1 yıl önce

@lovable_dev @boltdotnew @Replit @cursor_ai @windsurf_ai honestly close but not what we wanted, we want the same tool on all things etc. shouldnt do a landing page on one and an AI full app on another 😅 should be the same for all and then you can really see whats better.

Riley Brown profil fotoğrafı
Riley Brown1 yıl önce

@lovable_dev @boltdotnew @Replit @cursor_ai @windsurf_ai we filmed the video you're describing. might release. it's hard when lovable, bolt, and v0 don't do anything cursor doesn't do.

Lightning AI ⚡️ profil fotoğrafı
Lightning AI ⚡️1 yıl önce

Turn ideas into AI products, Lightning fast. All the tools to build AI products in one place. Access GPUs, train, deploy and more with zero setup. 22 free GPU hours monthly!

Filippo Pietrantonio profil fotoğrafı
Filippo Pietrantonio1 yıl önce

@lovable_dev @boltdotnew @Replit @cursor_ai @windsurf_ai going all in!!

SwitchX profil fotoğrafı
SwitchX1 yıl önce

@lovable_dev @boltdotnew @Replit @cursor_ai @windsurf_ai Hey try us out, we just launched. We are doing things a bit differently. We give in built DB, Auth, Free domain and storages to build fullstack apps from prompt 1.

Jordan Mix profil fotoğrafı
Jordan Mix1 yıl önce

@lovable_dev @boltdotnew @Replit @cursor_ai @windsurf_ai Do you even code bro? Do you even vibe?

Problem Professor profil fotoğrafı
Problem Professor1 yıl önce

@lovable_dev @boltdotnew @Replit @cursor_ai @windsurf_ai I’m really enjoying Lovable and think it’s the best option currently

Jack Nefty🍌 profil fotoğrafı
Jack Nefty🍌1 yıl önce

@lovable_dev @boltdotnew @Replit @cursor_ai @windsurf_ai Have you played w databricks yet

jamdaniels profil fotoğrafı
jamdaniels1 yıl önce

@lovable_dev @boltdotnew @Replit @cursor_ai @windsurf_ai that animation in lovable lol

Has profil fotoğrafı
Has1 yıl önce

@lovable_dev @boltdotnew @Replit @cursor_ai @windsurf_ai This is amazing stuff

João Doria Neto profil fotoğrafı
João Doria Neto1 yıl önce

@lovable_dev @boltdotnew @Replit @cursor_ai @windsurf_ai He open sourced rileyportfolio 😂 this in 2x is pure entertainment

Benzer Videolar

Have you ever vibe coded 6 versions of same app at the same time using all of the best AI coding tools. Well I did it in this video: Tools used: Cursor Cursor Windsurf @windsurf Replit Replit ⠕ Bolt bolt.new Lovable v0 TimeStamps 00:00 - Introduction to AI Coding Tools 01:23 - First Prompts 05:56 - Final Adjustments and Comparisons 16:12 - Results / Rankings don't worry a cancelled my api keys
17:49

Have you ever vibe coded 6 versions of same app at the same time using all of the best AI coding tools. Well I did it in this video: Tools used: Cursor Cursor Windsurf @windsurf Replit Replit ⠕ Bolt bolt.new Lovable v0 TimeStamps 00:00 - Introduction to AI Coding Tools 01:23 - First Prompts 05:56 - Final Adjustments and Comparisons 16:12 - Results / Rankings don't worry a cancelled my api keys

Riley Brown

173,916 görüntüleme • 1 yıl önce

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 that its not that easy to deploy web apps. Well, Replit ⠕ makes deploying web apps and creating templates incredibly easy. In this video goes over how to sync Cursor and Replit. And then using our new template we made an AI version of Trello by Atlassian in like 6 or 7 cursor composer prompts. --------------------- In this video: 00:00 - Intro 04:08 - Syncing Cursor and Replit 07:40 - setting up Firebase 10:27 - Using Cursor and Replit to Create Trello Front End 19:41 - Setting up Backend API endpoint (we will make dedicated video on this soon w/template) 21:09 - Adding AI features to Trello!
27:19

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 that its not that easy to deploy web apps. Well, Replit ⠕ makes deploying web apps and creating templates incredibly easy. In this video goes over how to sync Cursor and Replit. And then using our new template we made an AI version of Trello by Atlassian in like 6 or 7 cursor composer prompts. --------------------- In this video: 00:00 - Intro 04:08 - Syncing Cursor and Replit 07:40 - setting up Firebase 10:27 - Using Cursor and Replit to Create Trello Front End 19:41 - Setting up Backend API endpoint (we will make dedicated video on this soon w/template) 21:09 - Adding AI features to Trello!

Riley Brown

309,045 görüntüleme • 1 yıl önce

VIBE CODING TUTORIAL: Creating a Viral Meme Mobile App Without Any Coding in 20 minutes! You can now build multi-step AI workflows on a drag and drop platform, and then connect that workflow to your vibe coded mobile app, in a single cursor prompt. This only scratches the surface on the different workflows you can create like this. IN THIS VIDEO 00:00 Intro 00:36 Overview: MultiStep AI Backend on GLIF 01:33 Using Glif as an API 03:49 The backend for our app 04:36 Structured Outputs (Important for Vibe Coding, skip if you know what these are) 06:40 Image Workflow for the meme 08:34 Let's Protototype on 11:09 Setting this up with Cursor 18:40 Testing with
19:37

VIBE CODING TUTORIAL: Creating a Viral Meme Mobile App Without Any Coding in 20 minutes! You can now build multi-step AI workflows on a drag and drop platform, and then connect that workflow to your vibe coded mobile app, in a single cursor prompt. This only scratches the surface on the different workflows you can create like this. IN THIS VIDEO 00:00 Intro 00:36 Overview: MultiStep AI Backend on GLIF 01:33 Using Glif as an API 03:49 The backend for our app 04:36 Structured Outputs (Important for Vibe Coding, skip if you know what these are) 06:40 Image Workflow for the meme 08:34 Let's Protototype on 11:09 Setting this up with Cursor 18:40 Testing with

Riley Brown

57,878 görüntüleme • 1 yıl önce

I BUILT A CURSOR WRAPPER: USING CURSOR WITHOUT WRITING A SINGLE LINE OF CODE FULL VIDEO BELOW: I've been talking to hundreds of people who refuse to try cursor because of how scary the interface is. And fair enough. Terminal, Composer, Agent, Commands... It can be scary. This is why people are using other web based tools to create apps. Which is awesome! But after about 12 prompts, they seem to stop working effectively. Meanwhile, with Cursor you can create MASSIVE projects without coding perfectly fine, for days or weeks. So I got some ideas. I took it upon myself to build a new front end to Cursor, using Cursor without writing one line of code. 00:00 - INTRO 01:29 - LET'S START BY ASKING COMPOSER 15:01 - TESTING THE APP
21:48

I BUILT A CURSOR WRAPPER: USING CURSOR WITHOUT WRITING A SINGLE LINE OF CODE FULL VIDEO BELOW: I've been talking to hundreds of people who refuse to try cursor because of how scary the interface is. And fair enough. Terminal, Composer, Agent, Commands... It can be scary. This is why people are using other web based tools to create apps. Which is awesome! But after about 12 prompts, they seem to stop working effectively. Meanwhile, with Cursor you can create MASSIVE projects without coding perfectly fine, for days or weeks. So I got some ideas. I took it upon myself to build a new front end to Cursor, using Cursor without writing one line of code. 00:00 - INTRO 01:29 - LET'S START BY ASKING COMPOSER 15:01 - TESTING THE APP

Riley Brown

166,368 görüntüleme • 1 yıl önce

I can’t believe we prototyped 5 features in 84 mins (using Bolt, Cursor, Lovable, Replit & v0) in today's podcast with Colin Matthews. It's a complete tutorial on the top tools: 0:31 - Bolt Tutorial 24:44 - Tool Landscape 32:14 - Cursor Tutorial 44:29 - Lovable Tutorial 58:54 - Replit Tutorial 1:11:29 - v0 Tutorial 1:12:47 - Takeaways Paid promotions included
1:14:06

I can’t believe we prototyped 5 features in 84 mins (using Bolt, Cursor, Lovable, Replit & v0) in today's podcast with Colin Matthews. It's a complete tutorial on the top tools: 0:31 - Bolt Tutorial 24:44 - Tool Landscape 32:14 - Cursor Tutorial 44:29 - Lovable Tutorial 58:54 - Replit Tutorial 1:11:29 - v0 Tutorial 1:12:47 - Takeaways Paid promotions included

Aakash Gupta

190,099 görüntüleme • 1 yıl önce

made a video covering my ai coding workflow + tools, built a dashboard < 5 mins ridiculous how easy it is to go from idea to product now half my day is just conducting ai (cursor, claude v0) to build things for me 0:00 - 1:48 tools overview 1:50 - 3:43 initial setup 3:45 - 6:00 cursor magic w/ composer
7:37

made a video covering my ai coding workflow + tools, built a dashboard < 5 mins ridiculous how easy it is to go from idea to product now half my day is just conducting ai (cursor, claude v0) to build things for me 0:00 - 1:48 tools overview 1:50 - 3:43 initial setup 3:45 - 6:00 cursor magic w/ composer

Sully

238,996 görüntüleme • 1 yıl önce

Is Claude Code Better Than Cursor? This video is a crystal clear explanation on what makes Claude Code different than Cursor, Codex and Windsurf. A classic whiteboard conversation! Next time he's on the pod (soon) he's going to build an app from scratch that will blow your mind. TIMESTAMPS: 00:00 Intro to Claude Code 00:28 Why Claude Code Is Best 02:38 Comparing Cursor, Windsurf & Claude Code 07:41 Using Claude Code with Other IDEs 12:41 Future of AI Coding Tools & Claude’s SDK 19:58 Integrating Codex with Chat GPT 21:14 Best AI Code Review Tools (Devon, CodeRabbit 26:49 Building an App with Claude Code (Step-by-Step) 35:32 Future Plans
37:07

Is Claude Code Better Than Cursor? This video is a crystal clear explanation on what makes Claude Code different than Cursor, Codex and Windsurf. A classic whiteboard conversation! Next time he's on the pod (soon) he's going to build an app from scratch that will blow your mind. TIMESTAMPS: 00:00 Intro to Claude Code 00:28 Why Claude Code Is Best 02:38 Comparing Cursor, Windsurf & Claude Code 07:41 Using Claude Code with Other IDEs 12:41 Future of AI Coding Tools & Claude’s SDK 19:58 Integrating Codex with Chat GPT 21:14 Best AI Code Review Tools (Devon, CodeRabbit 26:49 Building an App with Claude Code (Step-by-Step) 35:32 Future Plans

Riley Brown

115,522 görüntüleme • 11 ay önce

I built an AI powered writing app with Cursor Agent without writing a single line of code in a little over an hour. Features: - AI powered autocomplete - AI powered image search with autosuggestions based on what i'm writing - Ai powered research based on what i'm writing - Block based writing (which is useful for my workflow as a video content creator) !!! And I ran it locally this time. Normally I use replit, so if you got stuck on connecting cursor and replit, this video is for you. Template pinned on @senior_swc (starting point you can download) Tools used - Cursor (Claude for ai model) - Firebase - Deepseek DeepSeek - Exa ( Exa ) - Search API These videos serve as R&D for the app we're building at @yapthread. We're building the cursor for content creators. Sections 00:00 Introduction 03:24 Introduction to the Template 03:54 Setting Up Locally 04:04 Downloading and Running Locally 05:34 Firebase Setup 06:10 first prompt in cursor + continuing firebase 08:11 Full Plan for the app I'm building 10:44 Outlining the app hotkeys 11:55 Testing First Feature 16:54 Adding Autocomplete Feature Deepseek 22:23 Adding Images to Blocks (Search API) 22:42 Implementing and Testing Image Search (Search API) 25:32 Adjusting Image Sizes and Social Media Discussion 28:11 Adding Relevant Links (Exa API) 30:34 Testing and Debugging Link Highlights 32:27 Finalizing Image and Link Integration 40:37 Conclusion and Future Plans
40:46

I built an AI powered writing app with Cursor Agent without writing a single line of code in a little over an hour. Features: - AI powered autocomplete - AI powered image search with autosuggestions based on what i'm writing - Ai powered research based on what i'm writing - Block based writing (which is useful for my workflow as a video content creator) !!! And I ran it locally this time. Normally I use replit, so if you got stuck on connecting cursor and replit, this video is for you. Template pinned on @senior_swc (starting point you can download) Tools used - Cursor (Claude for ai model) - Firebase - Deepseek DeepSeek - Exa ( Exa ) - Search API These videos serve as R&D for the app we're building at @yapthread. We're building the cursor for content creators. Sections 00:00 Introduction 03:24 Introduction to the Template 03:54 Setting Up Locally 04:04 Downloading and Running Locally 05:34 Firebase Setup 06:10 first prompt in cursor + continuing firebase 08:11 Full Plan for the app I'm building 10:44 Outlining the app hotkeys 11:55 Testing First Feature 16:54 Adding Autocomplete Feature Deepseek 22:23 Adding Images to Blocks (Search API) 22:42 Implementing and Testing Image Search (Search API) 25:32 Adjusting Image Sizes and Social Media Discussion 28:11 Adding Relevant Links (Exa API) 30:34 Testing and Debugging Link Highlights 32:27 Finalizing Image and Link Integration 40:37 Conclusion and Future Plans

Riley Brown

82,974 görüntüleme • 1 yıl önce

Bolt 9/10 Lovable 8.5/10 Replit 8/10 I built a 1-doc system for Bolt/Lovable/Replit to one-shot applications. A hybrid of PRD x Implementation plan to provide detailed context in just 1 document. I call it "Unified Project Documentation." Simple steps: 1/ Open CodeGuide 2/ New Project "Write your app idea" 3/ Select AI tools (Replit, Lovable, Bolt etc) 4/ Copy unified project doc. by clicking "copy prompt" 5/ Paste the prompt in any selected tool. 6/ Start building your app. Here're the demos of all 3 tools: 1. bolt.new
0:50

Bolt 9/10 Lovable 8.5/10 Replit 8/10 I built a 1-doc system for Bolt/Lovable/Replit to one-shot applications. A hybrid of PRD x Implementation plan to provide detailed context in just 1 document. I call it "Unified Project Documentation." Simple steps: 1/ Open CodeGuide 2/ New Project "Write your app idea" 3/ Select AI tools (Replit, Lovable, Bolt etc) 4/ Copy unified project doc. by clicking "copy prompt" 5/ Paste the prompt in any selected tool. 6/ Start building your app. Here're the demos of all 3 tools: 1. bolt.new

CJ Zafir

60,033 görüntüleme • 1 yıl önce

The end of coding? *Epic* conversation with Guillermo Rauch of Vercel on vibe coding, MCP, agents and building products in the AI era. (00:00) - Intro: Guillermo's Story (02:08) - What is v0 and Why Did It Take Off So Fast? (04:10) - Building a hit product with < people (07:51) - Cursor, Replit, etc: v0 vs Other AI Coding Tools (10:35) - Everyone can cook - What is Vibe Coding? (17:05) - Is v0 Just Frontend? Moving Toward Full Stack 19:40 - How to Become a Great Vibe Coder (23:35) - A GUI for AI: The Future of Interfaces (29:46) - Developer Love vs Agent Love (33:41) - The Importance of Taste in the AI Era (39:10) - MCP: The Protocol for AI-to-AI Communication (43:11) - Security and the Risks of Agentic Web (45:25) - Are Enterprises Ready for the Agentic Future? (49:42) - Building a Data Flywheel (56:06) - The Vercel AI Cloud: From Pixels to Tokens (1:10:14) - Adapting to a Non-Developer Persona (1:13:47) - Retention, Margins, and the Business of AI (1:16:51) - The Secret Behind Vercel Last Year Growth (1:24:15) - The importance of Online Presence (1:30:49) - Everything, Everywhere, All at Once: Keeping your Sanity as a CEO (1:34:59) - Guillermo's Advice to Younger Self
1:45:40

The end of coding? *Epic* conversation with Guillermo Rauch of Vercel on vibe coding, MCP, agents and building products in the AI era. (00:00) - Intro: Guillermo's Story (02:08) - What is v0 and Why Did It Take Off So Fast? (04:10) - Building a hit product with < people (07:51) - Cursor, Replit, etc: v0 vs Other AI Coding Tools (10:35) - Everyone can cook - What is Vibe Coding? (17:05) - Is v0 Just Frontend? Moving Toward Full Stack 19:40 - How to Become a Great Vibe Coder (23:35) - A GUI for AI: The Future of Interfaces (29:46) - Developer Love vs Agent Love (33:41) - The Importance of Taste in the AI Era (39:10) - MCP: The Protocol for AI-to-AI Communication (43:11) - Security and the Risks of Agentic Web (45:25) - Are Enterprises Ready for the Agentic Future? (49:42) - Building a Data Flywheel (56:06) - The Vercel AI Cloud: From Pixels to Tokens (1:10:14) - Adapting to a Non-Developer Persona (1:13:47) - Retention, Margins, and the Business of AI (1:16:51) - The Secret Behind Vercel Last Year Growth (1:24:15) - The importance of Online Presence (1:30:49) - Everything, Everywhere, All at Once: Keeping your Sanity as a CEO (1:34:59) - Guillermo's Advice to Younger Self

Matt Turck

86,153 görüntüleme • 11 ay önce

Is Windsurf better than Cursor? impossible to say, but... it does one thing better: soooo... I spent an hour testing windsurf... and this is what i created... and app called "boop-boop" lol... one thing windsurf does is it searches the internet. If you've been watching my videos you know that i go to perplexity all the time to get code examples and docs. but with windsurf you can just say, "search the replicate top image gen models and add them to the chat we just created" It will search the internet, find the right model then write the code. This is great for replicate and openrouter. You can have one api key in your .env file then just tell windsurf to search for docs for [insert ai model] and it will just add it to your app. Impressed tbh.
2:30

Is Windsurf better than Cursor? impossible to say, but... it does one thing better: soooo... I spent an hour testing windsurf... and this is what i created... and app called "boop-boop" lol... one thing windsurf does is it searches the internet. If you've been watching my videos you know that i go to perplexity all the time to get code examples and docs. but with windsurf you can just say, "search the replicate top image gen models and add them to the chat we just created" It will search the internet, find the right model then write the code. This is great for replicate and openrouter. You can have one api key in your .env file then just tell windsurf to search for docs for [insert ai model] and it will just add it to your app. Impressed tbh.

Riley Brown

31,043 görüntüleme • 1 yıl önce

Vibe Coding: The act of using only your voice in Cursor Composer to build apps, forgetting the code even exists Complete Video Tutorial Some people are skeptical about this new method of programming so why don't we build a ChatGPT clone with real time voice ( Andrej Karpathy 's voice) without typing, using Whispr Flow. For me "vibe coding" is my only option. Because i've never written a line of code. Time Stamps: 00:00 Intro to Vibe Coding (pretty corny) 03:02 Opening Cursor 04:07 Starting Your First Project from Template Link (Pinned to bio of @senior_swc ) 05:12 Building a ChatGPT Clone, Getting Started 06:38 Prompting, API's and Documentation Explanation 08:49 Using Perplexity (Input output custom spaces for coding) 12:07 Vibe Code Prompt 1 13:58 Result of Vibe Coding Prompt 1 15:22 Seeing Prompt 2 15:43 Managing Cursor Composer Context Length 16:25 Designing 17:21 Debugging with Inspect on Web View 18:20 Fixing Formatting 19:04 More Vibing, Lol 20:51 Saving and Uploading Projects to GitHub 21:59 Enhancing the User Experience 22:33 Honoring Andrej Karpathy 26:26 Implementing Real Time Karpathy Voice 28:30 Getting Karpathys Voice (Don't Do this It's Illegal) don't ban me i love you
33:47

Vibe Coding: The act of using only your voice in Cursor Composer to build apps, forgetting the code even exists Complete Video Tutorial Some people are skeptical about this new method of programming so why don't we build a ChatGPT clone with real time voice ( Andrej Karpathy 's voice) without typing, using Whispr Flow. For me "vibe coding" is my only option. Because i've never written a line of code. Time Stamps: 00:00 Intro to Vibe Coding (pretty corny) 03:02 Opening Cursor 04:07 Starting Your First Project from Template Link (Pinned to bio of @senior_swc ) 05:12 Building a ChatGPT Clone, Getting Started 06:38 Prompting, API's and Documentation Explanation 08:49 Using Perplexity (Input output custom spaces for coding) 12:07 Vibe Code Prompt 1 13:58 Result of Vibe Coding Prompt 1 15:22 Seeing Prompt 2 15:43 Managing Cursor Composer Context Length 16:25 Designing 17:21 Debugging with Inspect on Web View 18:20 Fixing Formatting 19:04 More Vibing, Lol 20:51 Saving and Uploading Projects to GitHub 21:59 Enhancing the User Experience 22:33 Honoring Andrej Karpathy 26:26 Implementing Real Time Karpathy Voice 28:30 Getting Karpathys Voice (Don't Do this It's Illegal) don't ban me i love you

Riley Brown

73,828 görüntüleme • 1 yıl önce

I’m coding until 4 AM again. Not because I have to. But because AI tools made me fall in love with building again. After 15 years in management I thought my coding days were behind me. Then I discovered V0, Bolt, Cursor, Copilot, and Claude Code. Built 7 apps + a startup in 10 months All while keeping my full-time job The difference between 2005 and 2025? Then: 6 months to learn one framework Now: 6 hours to build a working app You didn’t miss the coding revolution. You’re arriving at the perfect time. The playing field just got leveled. 👉 If you’re coding (or thinking about it), I’d love to hear.
0:24

I’m coding until 4 AM again. Not because I have to. But because AI tools made me fall in love with building again. After 15 years in management I thought my coding days were behind me. Then I discovered V0, Bolt, Cursor, Copilot, and Claude Code. Built 7 apps + a startup in 10 months All while keeping my full-time job The difference between 2005 and 2025? Then: 6 months to learn one framework Now: 6 hours to build a working app You didn’t miss the coding revolution. You’re arriving at the perfect time. The playing field just got leveled. 👉 If you’re coding (or thinking about it), I’d love to hear.

Vinod Sharma

1,527,515 görüntüleme • 8 ay önce

BuildKit is the missing link for integrations in vibe coding and gen apps. Say what you need in plain English, get a prompt, paste it, and your tools connect seamlessly. No coding, no stress. Watch the demo! Today it works with Lovable and soon Replit ⠕ , v0 and Cursor 🔥 Retweet with #picaVibeCoding, comment "vibe" and DM your email to jump the waitlist! Waitlist page in comment 👇
8:52

BuildKit is the missing link for integrations in vibe coding and gen apps. Say what you need in plain English, get a prompt, paste it, and your tools connect seamlessly. No coding, no stress. Watch the demo! Today it works with Lovable and soon Replit ⠕ , v0 and Cursor 🔥 Retweet with #picaVibeCoding, comment "vibe" and DM your email to jump the waitlist! Waitlist page in comment 👇

Moe

168,006 görüntüleme • 1 yıl önce

He made a 44 minute guide on Vibe Coding... w/ Claude Opus 4.5 It explains EVERY single term you need to understand to get started Vibe Coding high quality apps Whether you use Claude Code, Lovable or bolt.new This video will explain every term you need to understand to build apps... without writing a single line of code. And you can follow along for FREE using Claude Opus 4.5 (Instructions in thread👇) TERMS: 00:00 Introduction 01:18 Prompt 03:03 Front End 03:33 Backend 04:55 Context 06:06 Authentication & Database 08:15 API 10:03 Image Assets 11:43 Sound Assets 15:05 Agent 17:42 Agent Skills 20:00 Queue 22:47 Preview & Hot Reloads 23:28 Clear Context 24:56 Error 26:14 Debugging 26:29 Logs 28:58 Schema 29:28 Table 31:10 Seed Data 32:52 Environment Variables 34:44 Third Party API 35:07 Webhook 38:48 Deployment 39:43 Hosting 40:41 Domain 41:20 SaaS
43:40

He made a 44 minute guide on Vibe Coding... w/ Claude Opus 4.5 It explains EVERY single term you need to understand to get started Vibe Coding high quality apps Whether you use Claude Code, Lovable or bolt.new This video will explain every term you need to understand to build apps... without writing a single line of code. And you can follow along for FREE using Claude Opus 4.5 (Instructions in thread👇) TERMS: 00:00 Introduction 01:18 Prompt 03:03 Front End 03:33 Backend 04:55 Context 06:06 Authentication & Database 08:15 API 10:03 Image Assets 11:43 Sound Assets 15:05 Agent 17:42 Agent Skills 20:00 Queue 22:47 Preview & Hot Reloads 23:28 Clear Context 24:56 Error 26:14 Debugging 26:29 Logs 28:58 Schema 29:28 Table 31:10 Seed Data 32:52 Environment Variables 34:44 Third Party API 35:07 Webhook 38:48 Deployment 39:43 Hosting 40:41 Domain 41:20 SaaS

Chorus.com

95,405 görüntüleme • 4 ay önce

Just one-shot this while vibe coding with V0, Lovable, and Claude 3.7 inside Cursor Copilot + Windsurf (using T3 Chat btw)
2:13

Just one-shot this while vibe coding with V0, Lovable, and Claude 3.7 inside Cursor Copilot + Windsurf (using T3 Chat btw)

Theo - t3.gg

313,424 görüntüleme • 1 yıl önce

Day 1/6 of CodeGuide 2.0 🧡 Introducing Codie - AI Agent that can help you Code on any AI Coding tool Just Screen Share and Ask for Realtime help: - Setting up Project Files - Debugging Errors - Deployment etc In this Demo I used CodeGuide x StackBlitz to show you how it works You can also use Codie with: - Cursor AI - Windsurf - Lovable - Replit - v0 Enjoy.
8:09

Day 1/6 of CodeGuide 2.0 🧡 Introducing Codie - AI Agent that can help you Code on any AI Coding tool Just Screen Share and Ask for Realtime help: - Setting up Project Files - Debugging Errors - Deployment etc In this Demo I used CodeGuide x StackBlitz to show you how it works You can also use Codie with: - Cursor AI - Windsurf - Lovable - Replit - v0 Enjoy.

CJ Zafir

22,984 görüntüleme • 1 yıl önce

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
2:28:16

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 görüntüleme • 1 yıl önce