Cursor Ai Beginner To Pro: Build Production Web Apps With Ai

Cursor Ai Beginner To Pro: Build Production Web Apps With Ai
Published 6/2025
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz

Use Cursor AI (vibe coding) to build and ship full Next.js web apps. Includes MCP, custom rules, auth, payments + more!

What you’ll learn

Follow best practices for using Cursor AI in real-world development

Build and deploy full-stack apps with modern technologies

Leverage AI to accelerate development workflows

Implement authentication, authorization, and billing with Clerk

Design clean, accessible, and responsive UIs with Shadcn UI & Tailwind CSS

Model and manage relational data using Drizzle ORM and Neon PostgreSQL

Deploy and scale full-stack applications with Vercel and environment best practices

Requirements

Knowledge of Next JS would be greatly beneficial however you can still follow along with minimal Next JS knowledge

Description

Overview

Section 1: Introduction and project setup

Lecture 1 Machine setup

Lecture 2 Important – please read before you begin the course!

Lecture 3 Stack overview

Lecture 4 Create the Next JS project

Lecture 5 Udemy ratings and reviews

Lecture 6 Install shadcn ui + introduction to cursor rules

Lecture 7 Update font (including context window + modifying files)

Lecture 8 Enable dark mode, set up auth with clerk, + prompt tips

Lecture 9 Setup postgres database on neon + drizzle for database interactions
Lecture 10 Set up database tables

Lecture 11 Create important cursor rules for security

Section 2: Build the dashboard functionality

Lecture 12 Use MCP in Cursor to seed the database

Lecture 13 Create the dashboard page and adjust the homepage content

Lecture 14 Update the shadcn rule file

Lecture 15 Update the auth rule file

Lecture 16 Improve the dashboard UI

Section 3: Build the deck functionality

Lecture 17 Create the deck page

Lecture 18 Implement the edit deck functionality

Lecture 19 Implement the edit and delete card functionality

Lecture 20 Implement the study deck functionality

Lecture 21 Implement create deck and delete deck

Developers and non-developers who want to learn how to vibe code full-stack, production-ready projects with Cursor