Contact Us

Intermediate course

Coding With AI - Planning To Production

Build a Full-Stack SaaS With AI — Learn an AI workflow to master prompting, context, skills, subagents, MCPs and more

Rating: 4.8514 ratings4,452 students16.5 total hours115 lectures
Open course in DoJo Back to courses
Coding With AI - Planning To Production Intermediate

Course facts

  • Last updated 04/2026
  • English English [Auto], Portuguese [Auto]
  • Instructor: Brad Traversy
  • practical AI capability and workflow improvement

What you'll learn

Practical outcomes

  • Master AI development workflows from project planning to production deployment
  • Build a full-stack SaaS application using Next.js, TypeScript, Prisma, and Tailwind CSS with AI assistance
  • Build custom skills, subagents, and MCP server integrations to automate your development process
  • Write effective AI prompts for prototyping, feature implementation, debugging, and code review
  • Structure project context files and specifications so AI tools produce consistent, high-quality code
  • Implement AI-powered features like auto-tagging, code explanation, and prompt optimization using OpenAI
  • Use Claude Code effectively with plan mode, context files, slash commands, and VS Code integration

Curriculum

15 sections • 115 lectures • 16h 22m total length

Introduction & What Is AI?7 lectures • 41min
  1. Welcome To The Course04:02
  2. How To Take This Course03:49
  3. Main Project Overview11:19
  4. Course Resource Files07:29
  5. What Is AI?06:58
  6. Different Levels Of AI Assistance07:28
  7. Quick Note About The Videos00:24
Vibe Coding For Prototyping7 lectures • 41min
  1. Intro To Prototyping02:54
  2. Writing Good Prompts05:19
  3. Prompt Assignment06:36
  4. Prototyping In Action09:10
  5. Prototype Code Review07:12
  6. Iterating On The Prompt05:10
  7. Reality Check: Prototype vs. Production04:58
Claude Code Setup & Context/Token Explanation6 lectures • 44min
  1. Claude Code Install & Basic Usage (Python Example)09:29
  2. Plan Mode06:04
  3. Slash Commands & Settings File09:32
  4. Intro To Context & Tokens07:00
  5. Context-Related Slash Commands08:14
  6. Update: Memory File03:27
Planning & Context Files5 lectures • 47min
  1. Planning A Project12:31
  2. Bootstrap Your Files Manually07:50
  3. Project Context & CLAUDE.md12:05
  4. Coding Standards & Interaction Rules07:28
  5. AI Workflow & Current Feature File07:08
Start Building DevStash7 lectures • 1hr 2min
  1. Using Git With AI06:12
  2. Dashboard UI Prototype11:30
  3. Claude VS Code Extension03:39
  4. Generating Mock Data04:46
  5. Dashboard UI Phase 1 & Spec Files15:29
  6. Dashboard UI Phase 2 - Sidebar10:04
  7. Dashboard UI Phase 3 - Main Area10:38
Database Integration & Initial Deployment (CI/CD Setup)9 lectures • 1hr 20min
  1. Neon PostgreSQL Database Setup03:08
  2. Prisma 7 Setup14:07
  3. Initial Database Migration08:57
  4. Seed Sample Data09:55
  5. Populate Dashboard Collections08:22
  6. Populate Dashboard Items09:18
  7. Populate Stats & Sidebar13:54
  8. Migration Workflow & Production Prep04:55
  9. Initial Deployment (CI/CD) & Production Migration07:28
Custom Commands, Skills & Subagents8 lectures • 1hr 6min
  1. Skills & Custom Commands Explained10:31
  2. Feature Command/Skill Actions03:37
  3. Create The Feature Command08:42
  4. Use The Feature Command08:41
  5. Cleanup Command06:19
  6. What Are Subagents06:20
  7. Create Code Scanner Agent05:06
  8. Using The Code Scanner16:57
MCP (Model Context Protocol)4 lectures • 21min
  1. What Is MCP?06:15
  2. Neon MCP Setup06:50
  3. Context7 MCP Setup04:32
  4. Playwright MCP Setup03:06
Authentication & Authorization12 lectures • 1hr 50min
  1. Next Auth - Phase 112:28
  2. Next Auth - Phase 209:05
  3. Next Auth - Phase 314:51
  4. Production GitHub Keys05:04
  5. Email Verification With Resend14:13
  6. Email Verification Flag07:55
  7. Forgot Password Link08:42
  8. User Profile Page06:59
  9. Auth Code Audit Agent12:26
  10. Upstash Redis Setup03:04
  11. Rate Limiting06:26
  12. Bug Fix - GitHub Login Redirection08:48
Item CRUD, Research & Unit Tests8 lectures • 1hr 20min
  1. Research Skill For Documentation10:52
  2. Item Listing View08:31
  3. Integrate Unit Testing10:55
  4. Item Drawer Details15:12
  5. Item Drawer Edit Mode12:01
  6. Delete Item10:10
  7. Create New Item08:38
  8. Playwright MCP CRUD Test03:57
Item Display & R2 File Storage7 lectures • 1hr 15min
  1. Monaco Code Editor Integration10:50
  2. Markdown Editor Integration12:47
  3. Cloudflare R2 Bucket Setup05:17
  4. File & Image Upload16:53
  5. Image Gallery Display06:06
  6. File Display05:38
  7. Quick Copy & Code Audit17:34
Collections, Search Palette & Favorites11 lectures • 1hr 48min
  1. Create Collections08:46
  2. Add Item To Collections09:50
  3. Collection Pages10:35
  4. Edit & Delete Collections10:25
  5. Search Command Palette10:37
  6. Pagination For Items & Collections09:47
  7. Move Account Actions To Settings09:24
  8. Editor Settings11:57
  9. Favorites Page10:53
  10. Favorites Toggle & Sort09:25
  11. Pinned Items06:14
Homepage & Stripe Integration13 lectures • 1hr 50min
  1. Homepage Mockup (HTML/CSS/JS)15:25
  2. Implement Homepage09:31
  3. Fix Top Bar On Mobile04:24
  4. UI Review Agent09:17
  5. Small UI Update03:45
  6. Stripe Sandbox Setup05:52
  7. Stripe Integration Plan09:42
  8. Stripe Implementation - Phase 106:18
  9. Stripe Implementation - Phase 207:05
  10. Feature Gate Testing06:55
  11. Webhooks & Local Stripe Testing09:55
  12. Production Stripe Testing09:48
  13. Upgrade Page & Cleanup11:35
Implement AI Features6 lectures • 55min
  1. Open AI Key & Integration Plan10:05
  2. Language Dropdown Select03:45
  3. Open AI Integration & AI Auto Tagging15:16
  4. Generate Description Feature09:09
  5. AI Explain Feature07:54
  6. Optimize Prompt Feature08:26
Code Audits & Finalize Deployment5 lectures • 42min
  1. Quick UI Review07:56
  2. Refactoring Agent13:49
  3. Connect A Domain09:58
  4. Connect Domain To Resend07:19
  5. Wrap Up02:53

Who it is for

  • Developers that want to nail down a solid AI workflow

Course description

Overview

Feature 09:09 AI Explain Feature 07:54 Optimize Prompt Feature 08:26 Code Audits & Finalize Deployment 5 lectures • 42min Quick UI Review 07:56 Refactoring Agent 13:49 Connect A Domain 09:58 Connect Domain To Resend 07:19 Wrap Up 02:53 Requirements You should know software development fundamentals before taking this or any AI course Description 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

Instructor

Brad Traversy

Brad Traversy Full Stack Web Developer & Instructor at Traversy Media Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.