Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

AI Vibe Coding Tutorial and Workflow - Cursor, Best Practices, PRD, Rules, MCP

ByteGrad via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn a comprehensive AI-powered development workflow using Cursor IDE and modern best practices for building full-stack applications. Explore AI code editors including Cursor, VS Code with Copilot, and Windsurf, then discover AI prototyping tools like v0, bolt.new, and lovable for rapid development. Master the creation of Product Requirements Documents (PRDs) to structure your development process effectively. Build a Next.js application from scratch while leveraging Cursor's agent mode and AI model auto-selection features. Implement proper context management and utilize Cursor rules through MDC files to optimize AI assistance. Discover best practices for folder structure organization and explore MCP servers for enhanced development capabilities. Create a separate backend application using Encore, implementing API endpoints, database integration, and automated cron jobs that run every 24 hours. Learn how to structure frontend and backend applications effectively, test API endpoints, and integrate data between Next.js and external backend services. Complete the workflow by deploying your full-stack application, gaining practical experience with modern AI-assisted development techniques that streamline the entire coding process from conception to production.

Syllabus

00:00 Intro
00:29 AI code editors Cursor / VS Code + Copilot / Windsurf
00:52 AI prototyping v0 / bolt.new / lovable
01:48 Main web framework Next.js
01:57 Separate backend app Encore
02:56 PRD Product Requirements Document
05:44 Create Next.js app
08:06 Agent mode
09:20 AI models auto-select
10:01 Add image
10:15 Context
11:30 Cursor rules MDC-files
16:10 Repo for Cursor rules
17:34 Folder structure
20:00 Best practice #1
23:02 MCP-servers
24:38 Best practice #2
25:51 Encore for backend app - cron job, API, database
27:28 Encore Cursor rules
28:18 Frontend / Backend folder structure
29:08 Encore app create
30:58 API endpoint
31:50 Database
33:58 Test API endpoint
35:40 Get data in Next.js from other backend app
37:47 Cron job every 24 hours
41:47 Deployment

Taught by

ByteGrad

Reviews

Start your review of AI Vibe Coding Tutorial and Workflow - Cursor, Best Practices, PRD, Rules, MCP

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.