Over the past few years, the way we build software has changed. We went from searching docs and stitching together snippets to collaborating with AI for planning, scaffolding, refactoring, and debugging. That speed is incredible, but without a process, it can also create brittle code and confusing architectures. My goal for this course is to teach you a repeatable AI-assisted workflow for building real projects: how to scope features, write better prompts, provide useful context, review AI output, and ship with confidence. You’ll apply it by building DevStash—a knowledge hub for snippets, prompts, commands, notes, files, images, and links—using Next.js App Router with TypeScript, modern data patterns, and deployment best practices.

We’ll also cover testing and code review with AI, plus the core SaaS building blocks like auth, database workflows, file storage, and payments. In addition, you’ll build DevStash end-to-end with search, organization, and AI features—while keeping the codebase clean, maintainable, and production-ready.

What You Will Learn Summarized:

A repeatable AI-assisted workflow — from feature planning and context setup to implementation, testing, and deployment
How to write effective prompts that produce consistent, high-quality code instead of random trial and error
Structure project context files and specifications so AI understands your codebase and follows your standards
Build custom skills, subagents, and MCP server integrations to automate repetitive development tasks
Review, test, and audit AI-generated code so you ship with confidence, not just hope
Build DevStash end-to-end — a full-stack SaaS app with auth, database workflows, file storage, search, payments, and AI features
Modern full-stack patterns with Next.js App Router, TypeScript, Prisma, Tailwind CSS v4, and server actions
Production deployment, environment management, and migration workflows
Who this course is for:

Developers that want to nail down a solid AI workflow
Table of Contents
Introduction & What Is AI
1 Welcome To The Course
2 How To Take This Course
3 Main Project Overview
4 Course Resource Files
5 What Is AI
6 Different Levels Of AI Assistance
7 Quick Note About The Videos

Vibe Coding For Prototyping
8 Intro To Prototyping
9 Writing Good Prompts
10 Prompt Assignment
11 Prototyping In Action
12 Prototype Code Review
13 Iterating On The Prompt
14 Reality Check Prototype vs. Production

Claude Code Setup & Context Token Explanation
15 Claude Code Install & Basic Usage (Python Example)
16 Plan Mode
17 Slash Commands & Settings File
18 Intro To Context & Tokens
19 Context-Related Slash Commands
20 Update Memory File

Planning & Context Files
21 Planning A Project
22 Bootstrap Your Files Manually
23 Project Context & CLAUDE.md
24 Coding Standards & Interaction Rules
25 AI Workflow & Current Feature File

Start Building DevStash
26 Using Git With AI
27 Dashboard UI Prototype
28 Claude VS Code Extension
29 Generating Mock Data
30 Dashboard UI Phase 1 & Spec Files
31 Dashboard UI Phase 2 – Sidebar
32 Dashboard UI Phase 3 – Main Area

Database Integration & Initial Deployment (CI CD Setup)
33 Neon PostgreSQL Database Setup
34 Prisma 7 Setup
35 Initial Database Migration
36 Seed Sample Data
37 Populate Dashboard Collections
38 Populate Dashboard Items
39 Populate Stats & Sidebar
40 Migration Workflow & Production Prep
41 Initial Deployment (CI CD) & Production Migration

Custom Commands, Skills & Subagents
42 Skills & Custom Commands Explained
43 Feature Command Skill Actions
44 Create The Feature Command
45 Use The Feature Command
46 Cleanup Command
47 What Are Subagents
48 Create Code Scanner Agent
49 Using The Code Scanner

MCP (Model Context Protocol)
50 What Is MCP
51 Neon MCP Setup
52 Context7 MCP Setup
53 Playwright MCP Setup

Authentication & Authorization
54 Next Auth – Phase 1
55 Next Auth – Phase 2
56 Next Auth – Phase 3
57 Production GitHub Keys
58 Email Verification With Resend
59 Email Verification Flag
60 Forgot Password Link
61 User Profile Page
62 Auth Code Audit Agent
63 Upstash Redis Setup
64 Rate Limiting
65 Bug Fix – GitHub Login Redirection

Item CRUD, Research & Unit Tests
66 Research Skill For Documentation
67 Item Listing View
68 Integrate Unit Testing
69 Item Drawer Details
70 Item Drawer Edit Mode
71 Delete Item
72 Create New Item
73 Playwright MCP CRUD Test

Item Display & R2 File Storage
74 Monaco Code Editor Integration
75 Markdown Editor Integration
76 Cloudflare R2 Bucket Setup
77 File & Image Upload
78 Image Gallery Display
79 File Display
80 Quick Copy & Code Audit

Collections, Search Palette & Favorites
81 Create Collections
82 Add Item To Collections
83 Collection Pages
84 Edit & Delete Collections
85 Search Command Palette
86 Pagination For Items & Collections
87 Move Account Actions To Settings
88 Editor Settings
89 Favorites Page
90 Favorites Toggle & Sort
91 Pinned Items

Homepage & Stripe Integration
92 Homepage Mockup (HTML CSS JS)
93 Implement Homepage
94 Fix Top Bar On Mobile
95 UI Review Agent
96 Small UI Update
97 Stripe Sandbox Setup
98 Stripe Integration Plan
99 Stripe Implementation – Phase 1
100 Stripe Implementation – Phase 2
101 Feature Gate Testing
102 Webhooks & Local Stripe Testing
103 Production Stripe Testing
104 Upgrade Page & Cleanup

Implement AI Features
105 Open AI Key & Integration Plan
106 Language Dropdown Select
107 Open AI Integration & AI Auto Tagging
108 Generate Description Feature
109 AI Explain Feature
110 Optimize Prompt Feature

Code Audits & Finalize Deployment
111 Quick UI Review
112 Refactoring Agent
113 Connect A Domain
114 Connect Domain To Resend
115 Wrap Up