Vibe Coding Masterclass: Full-Stack Web Development with AI
Год выпуска: 9/2025
Производитель: Udemy
Сайт производителя:
https://www.udemy.com/course/vibe-coding-masterclass-full-stack-web-development-with-ai/
Автор: Nikolai Schuler, Kole Jain
Продолжительность: 7h 57m
Тип раздаваемого материала: Видеоурок
Язык: Английский
Описание: AI has changed the way we code — and the developers who understand it are the ones companies and clients want most.
This course is your complete path into Vibe Coding — the new way of developing where you and AI build together.
With tools like Cursor, Supabase, and Vercel, developers can now build full-stack applications faster than ever — with AI guiding, generating, and optimizing code at every step.
Step by step, you’ll learn how to build and deploy a complete web app using AI in the best possible way — from setup to deployment, with real features like login, databases, realtime data, and AI integrations.
Every lesson is hands-on. You’ll write code, connect systems, and see your project come alive. By the end, you won’t just understand modern web development — you’ll have built it.
Содержание
Introduction
1 Course Introduction
2 What is Vibe Coding
3 The Tech Stack
4 Cursor Setup
5 Github Explanation & Setup
6 Creating a Next.js project in Cursor
7 Github connection & first code commit
React Frontend Development with Cursor and v0
8 Prompt Engineering with v0
9 Prompt Modifications
10 Importing from v0 to cursor
11 Adding new pages
12 Adding Components in React
13 Adding Modals & Manual Import to Cursor
14 Reactive States New Link Modal
15 Reactive States & useEffect
16 Toast Notifications
Database Connection with Supabase
17 Intro to Supabase
18 Setting up Database tables
19 Connection to Next.js
20 Setting up RLS
21 Frontend Database Helper Functions
22 Interacting with your database
23 Schema Matching
24 Server Side Rendering Data
25 Querying Data from Supabase
26 Updating your Database
27 Backend Functions With Supabase
User Authentication (Login & Signup)
28 Creating Login & Signup Page
29 Connecting Supabase Auth to Project
30 Supabase Auth SSR
31 Protecting Pages
32 Adding Auth to Relational Database
33 Functions & Triggers in Supabase
34 Authentication with RLS
35 Authentication with RLS part 2
36 OAuth Social Logins Part 1
37 OAuth Social Login part 2
38 OAuth Social Login part 3
39 Supabase Auth Metadata
40 Logging Out
AI Errors & Best Practices
41 Supabase Realtime Updates
42 Analytics with Supabase
43 Common AI Errors
44 Cleaning Unused AI Code
45 Consolidating Abstracted Code
46 Error Handling for All Fetches
47 Project Security Concerns
Deploying with Vercel
48 Setting Up Vercel
49 Setting up Environment Variables
50 Fixing Linting and Typescript Errors
51 Auto deployment in Vercel
52 Firewall & Domain Settings Vercel
53 Setting up Vercel Analytics
54 Google Analytics
55 Speed Analytics
56 AI Code Optimizations
Capstone Project Working with AI APIs
57 Intro
58 Setting up the UI
59 Database & Auth
60 Prompt Tokens & AI API Pricing
61 Prompt Engineering With Claude
62 OpenAI Console Interface
63 Making API Calls to Claude
64 Explaining MCPs
65 Making API Calls to OpenAI
66 Audio Transcription with Whisper
67 Audio Transcription User Flow
68 Streaming AI API responses
Файлы примеров: не предусмотрены
Формат видео: MP4
Видео: AVC, 1280x720, 16:9, 30fps, ~1700kbps
Аудио: AAC, 48kHz, 128kbps, stereo
