Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Cursor AI Beginner to Pro: Build Production Web Apps with AI

Cursor AI: Từ Cơ Bản Đến Chuyên Gia - Xây Dựng Ứng Dụng Web Chuyên Nghiệp với AI

Cursor AI: Từ Cơ Bản Đến Chuyên Gia - Xây Dựng Ứng Dụng Web Chuyên Nghiệp với AI

Sử dụng Cursor AI (lập trình theo cảm hứng) để xây dựng và triển khai ứng dụng web Next.js hoàn chỉnh. Bao gồm MCP, quy tắc tùy chỉnh, xác thực, thanh toán và hơn thế nữa!

4.6
(849 đánh giá)
5,981 học viên
Giảng viên
Tom Phillips
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
6.5 giờ video
38 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Áp dụng các phương pháp tốt nhất khi sử dụng Cursor AI trong phát triển thực tế
Xây dựng và triển khai ứng dụng full-stack với công nghệ hiện đại
Tận dụng AI để tăng tốc quy trình phát triển
Triển khai xác thực, phân quyền và tính phí với Clerk
Thiết kế giao diện người dùng sạch sẽ, dễ truy cập và responsive với Shadcn UI & Tailwind CSS
Mô hình hóa và quản lý dữ liệu quan hệ bằng Drizzle ORM và Neon PostgreSQL
Triển khai và mở rộng ứng dụng full-stack với Vercel cùng các phương pháp môi trường tốt nhất

Yêu cầu

Kiến thức về Next JS sẽ rất hữu ích, nhưng bạn vẫn có thể theo dõi khóa học với kiến thức Next JS tối thiểu

Đối tượng phù hợp

Dành cho lập trình viên và người không chuyên muốn học cách xây dựng dự án full-stack sẵn sàng cho sản xuất bằng Cursor

Nội dung khóa học

6 phần • 36 bài giảng
1 Giới thiệu khóa học
2 Thiết lập môi trường máy tính
3 Đánh giá và nhận xét trên Udemy
4 Quan trọng - Đọc trước khi bắt đầu khóa học! (Kho lưu trữ Github, v.v.)
5 Tổng quan về công nghệ sử dụng
6 Tổng quan về Cursor + Tạo dự án Next JS
7 Chế độ riêng tư trong Cursor
8 Tạo lệnh tùy chỉnh generate-cursor-rules
9 Cài đặt shadcn ui + Giới thiệu về quy tắc trong Cursor
10 Cập nhật font chữ (bao gồm cửa sổ ngữ cảnh + chỉnh sửa tệp)
11 Bật chế độ tối, thiết lập xác thực với Clerk + Mẹo nhắc lệnh
12 Áp dụng chủ đề tối cho Clerk
13 Thiết lập cơ sở dữ liệu postgres trên neon + drizzle để tương tác với cơ sở dữ liệu
14 Thiết lập các bảng cơ sở dữ liệu
15 Tạo các quy tắc Cursor quan trọng cho bảo mật
16 Thiết lập kho lưu trữ Github
1 Sử dụng MCP trong Cursor để tạo dữ liệu mẫu cho cơ sở dữ liệu
2 Tạo trang bảng điều khiển và điều chỉnh nội dung trang chủ
3 Cập nhật tệp quy tắc shadcn
4 Cập nhật tệp quy tắc xác thực
5 Cải thiện giao diện người dùng bảng điều khiển
1 Tạo trang bộ thẻ học
2 Triển khai chức năng chỉnh sửa bộ thẻ học
3 Triển khai chức năng chỉnh sửa và xóa thẻ
4 Triển khai chức năng học bộ thẻ
5 Triển khai chức năng tạo và xóa bộ thẻ học
1 Thiết lập tính phí với Clerk
2 Thiết lập quy tắc Cursor cho tính phí Clerk
3 Giới hạn 3 bộ thẻ cho người dùng gói miễn phí + Trang báo giá
4 Thiết lập openai và vercel ai
5 Triển khai tính năng "tạo thẻ với AI" cho người dùng gói trả phí
1 Chuẩn bị dự án cho môi trường sản xuất
2 Đẩy lên môi trường sản xuất trên Vercel
3 Tác nhân nền và nhánh GitHub
1 Chúc mừng bạn! MỚI
2 PHẦN THƯỞNG!

Giới thiệu khóa học

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.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Ai Tools
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊