Vibe Coding: Web Development with Replit, Vercel, and GPT

Vibe Coding: Web Development with Replit, Vercel, and GPT

• Lesson 01: Getting Started with AI - Powered Development

  34:19Preview

  • 1.01 Introduction to AI-Powered Development and Prompt-Based Coding

    02:05

  • 1.02 Understanding and Mastering Boltnew for Full - Stack Applications

    08:24

  • 1.03 Working with v0 by Vercel for Rapid Prototyping

    08:44

  • 1.04 Using Lovable and GPT Engineer for Complete Applications

    07:32

  • 1.05 Mastering Replit for Code Refinement and Enhancement and Deploying Your First AI - Generated Portfolio Website

    05:54

  • 1.06 Outro

    01:40

• Lesson 02: Building Dynamic AI Services

  01:16:11Preview

  • 2.01 Introduction to Building Multiple Applications

    00:44

  • 2.02 Converting Static Sites to Dynamic AI - Powered Applications

    05:21

  • 2.03 Implementing Image Generation Services with AI APIs

    10:49

  • 2.04 Building Text Generation and Chat Interfaces

    03:07

  • 2.05 Understanding API Integration and Implementation

    32:09

  • 2.06 Storing Data with Databases

    22:07

  • 2.07 Outro

    01:54

• Lesson 03: Full-Stack SaaS Development

  02:35:00Preview

  • 3.01 Introduction to Full - Stack Development with Cursor and Windsurf

    04:02

  • 3.02 Setting Up Authentication with Clerk or Supabase

    33:07

  • 3.03 Implementing Google OAuth and User Sessions

    08:54

  • 3.04 Adding MCP Servers to Connect Windsurf to Other Tools

    10:40

  • 3.05 Adding MCP Servers to Connect Cursor to Other Tools

    27:25

  • 3.06 Adding Payment Processing with Stripe and Managing User Subscriptions and Billing

    01:08:55

  • 3.07 Outro

    01:57

• Lesson 04: Version Control and Deployment

  01:06:03Preview

  • 4.01 Introduction to Git Version Control

    02:11

  • 4.02 Working with GitHub for Code Management

    06:24

  • 4.03 Understanding Branching and Collaboration

    14:04

  • 4.04 Deployment to Netlify Using GitHub

    17:11

  • 4.05 SEO Best Practices for Visibility

    16:22

  • 4.06 Deployment Strategies with Vercel and Netlify

    08:34

  • 4.07 Outro

    01:17

• Lesson 05: Capstone project

  02:03:28

  • 5.01 Introduction to Making a Project

    03:14

  • 5.02 Ideation and Market Research Strategies

    18:22

  • 5.03 Building Your Minimal Viable Product (MVP)

    11:56

  • 5.04 Implementing Core AI Features

    37:58

  • 5.05 Move App Built Over to Cursor

    33:12

  • 5.06 Launch Preparation and Optimization

    15:51

  • 5.07 Outro

    02:55

• Lesson 06: Bonus FullStack SaaS Building End to End

  02:36:34Preview

  • 6.01 Building a Website Using Glassy Icons

    01:18:40

  • 6.02 Building a Lamp of Hope Website

    01:17:54