English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 36 lectures (6h 19m) | 3.00 GB
Use Cursor AI (vibe coding) to build and ship full Next.js web apps. Includes MCP, custom rules, auth, payments + more!
Build production-grade full-stack apps faster than ever by combining the power of Cursor AI with the best modern web tools: Next.js 15, TypeScript, Tailwind CSS, Shadcn UI, Drizzle ORM, Clerk, and Neon PostgreSQL.
In this project-based course you’ll build FlashyCardy, a sleek flashcards app where users can sign up, create decks and cards, and upgrade to a Pro plan with Stripe and Clerk billing. You’ll implement full authentication, role-based access, and a SaaS-style subscription system, all while letting Cursor AI do 100% of the coding. AKA Vibe Coding!
That’s right: the entire app is built by prompting Cursor. No manual coding required. You’ll see how to guide Cursor from a blank repo to a deployed, production-ready app using Agent Mode, structured prompting, and Cursor Rules to steer the AI and get high-quality, secure, and reliable code output.
You’ll also use MCP (Model Context Protocol) to seamlessly connect to your Neon PostgreSQL database and generate seed data, schemas, and queries via Drizzle ORM, all through AI.
Learn how to:
- Build a full-stack SaaS app from scratch using only Cursor prompts
- Use Agent Mode and Cursor Rules to drive consistent, secure, and accurate development
- Connect to Neon and populate relational data via MCP + Drizzle
- Implement auth, access control, and Stripe billing with Clerk
- Build beautiful, accessible UIs using Shadcn UI + Tailwind CSS
- Deploy with Vercel using production-ready environment configs
By the end you’ll have a fully functional app, “FlashyCardy”, and the practical workflow to build real apps with AI. This isn’t just about watching code get generated; it’s about learning how to think, prompt, and steer AI like a pro developer.
If you’re ready to stop hand-typing boilerplate and start building with AI the smart way, this is the course for you.
Who this course is for:
- Developers and non-developers who want to learn how to vibe code full-stack, production-ready projects with Cursor
Table of Contents
Introduction and project setup
1 Course intro
2 Machine setup
3 Udemy ratings and reviews
4 Important – read before you begin the course! (Github repo etc)
5 Stack overview
6 Overview of Cursor + create the Next JS project
7 Privacy mode in Cursor
8 Create generate-cursor-rules custom slash command
9 Install shadcn ui + introduction to cursor rules
10 Update font (including context window + modifying files)
11 Enable dark mode, set up auth with clerk, + prompt tips
12 Implement dark theme for clerk
13 Setup postgres database on neon + drizzle for database interactions
14 Set up database tables
15 Create important cursor rules for security
16 Set up github repo
Build the dashboard functionality
17 Use MCP in Cursor to seed the database
18 Create the dashboard page and adjust the homepage content
19 Update the shadcn rule file
20 Update the auth rule file
21 Improve the dashboard UI
Build the deck functionality
22 Create the deck page
23 Implement the edit deck functionality
24 Implement the edit and delete card functionality
25 Implement the study deck functionality
26 Implement create deck and delete deck
Build the subscription functionality
27 Set up clerk billing
28 Set up cursor rule for clerk billing
29 Implement 3 deck limit for users on free plan + pricing page
30 Set up openai and vercel ai
31 Implement generate cards with ai feature for users on paid plan
Extras
32 Prepare project for production
33 Push to production on vercel
34 Background agents and GitHub branches
Course outro
35 Congratulations!
36 BONUS!
Resolve the captcha to access the links!
