Workflow module · Lesson

Lesson 4 — Live Server preview (the customer demo)

The free VS Code extension that turns the customer Zoom call into a magic show — and bumped my close rate fifty points.

📹 Video shipping soon

Drafted + scripted. Recording in queue. Subscribe to the Founder Plan to be notified the moment it lands.

What you'll walk away with

A scene-by-scene walkthrough of every beat in the video. Plain English. Real numbers. Real workflow.

The walkthrough

  1. Lesson 4 — Live Server — The customer watches it render. Real time.
  2. First time seeing the site render live
  3. Live Server — Free VS Code extension · localhost preview · auto-reload on save
  4. Install in Cursor / VS Code — 90 seconds — Extensions tab → search 'Live Server' → install
  5. The 'Go Live' button — Bottom-right corner of editor
  6. What happens when you click — Server starts · browser opens · file index loaded
  7. ~0.5s reload vs. 5s manual
  8. Hot reload — save = render
  9. The two-monitor setup — Monitor 1: Cursor + Plan · Monitor 2: Browser preview (shared on Zoom)
  10. One-monitor setup — Cursor on left half · Browser on right half · Share whole screen
  11. On Zoom — share the BROWSER, not the screen
  12. Zoom the browser to 110% — Customer reads better. Looks polished.
  13. Toggle device mode for mobile preview
  14. Pick the device they actually use — Ask in L01 — most are iPhone
  15. What I say when I click Go Live
  16. What they see — A real website. Live. Their business.
  17. Localhost is private. Customer can't load it themselves.
  18. When to click Go Live — After Claude has written the hero section · not before
  19. Claude builds bottom-up: hero → sections → footer
  20. Save → render → react → adjust
  21. What customers actually say
  22. Screenshot the milestones — ShareX → 03_build_log/screenshots/
  23. Optional — screencast for the customer's records
  24. Issue #1 — browser doesn't open — Fix: check default browser in Windows settings
  25. Issue #2 — port 5500 in use
  26. Issue #3 — auto-refresh not working — Fix: settings → toggle 'Live Reload' on
  27. Issue #4 — preview shows old version — Hard refresh: Ctrl+Shift+R
  28. Pre-call checklist — Live Server installed · default browser set · port 5500 free · zoom set to 110%
  29. 83% close rate after Live Server demo — From my own customer calls 2025-2026
  30. DON'T share your terminal — Customer doesn't care about npm logs. They care about the site.
  31. DON'T share your file tree — Mystique helps. Process kills.
  32. The clean stage — Browser maximized · address bar trimmed · zoom 110%
  33. Build flow — hero → reaction → continue
  34. What I ask after each section — Anything to change before we keep going?
  35. Mobile preview also closes deals
  36. When NOT to use Live Server — Backend apps with hot reload of their own (FastAPI, n8n)
  37. Mistake — Go Live before content
  38. Mistake — sharing the wrong window
  39. Try it on your next build
  40. Cost: $0 · Setup: 90 seconds · Close rate: +50pp
  41. Where we go next — L05 Real-time edits
  42. localmodeldojo.com/workflow
  43. Founder pricing — LAUNCH30
  44. info@localmodeldojo.com
  45. Standalone $50-100 · free with Founder
  46. End card
  47. Real customer reactions
  48. localmodeldojo.com
  49. —

Cut your AI bill 90%+

I built Local Model Dojo so the same kind of bot work that costs $100/mo on the Claude or OpenAI API runs on hardware you already own. Founder pricing locks in for the life of your account.

See Founder pricing → Code LAUNCH30 · 30-day window

← Lesson 3 — Claude Code Plan Mode (full plan before code) Lesson 5 — Real-time edits on Zoom (the wow moment) →

— Jake Morris · Oklahoma veteran · localmodeldojo.com