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

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

ByteGrad via YouTube Direct link

08:06 Agent mode

8 of 27

8 of 27

08:06 Agent mode

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

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

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.