Video summary

CRM Systems That Actually Work (Not Theory)

Main summary

Key takeaways

Technology

Tech concept / tutorial focus

The video is a practical walkthrough of using Claude Code (Claude) together with common web platforms—GitHub and Netlify—with Supabase planned as a database/login layer. The goal is to rapidly generate, deploy, and iterate on a working business app.

The presenter emphasizes this is “not theory”: the flow is prompt → code generation → auto-deploy → live web app.

Step-by-step build flow shown

  1. Use Claude Code

    • Open Claude Code and connect GitHub via the dropdown (“Install GitHub” / connect account).
    • Select a target repository so Claude can upload generated code.

  2. Create a GitHub repository

    • Create a GitHub account.
    • Make a new repository (example: “commission-calculator v2”).

  3. Have Claude generate the app from a detailed prompt

    • The presenter uses a structured prompt that includes:
      • Role (e.g., “You are a senior web developer…”)
      • Goal (build a commissions calculator with sales-rep login and commission calculations)
      • UI expectations (easy to use, “futuristic AI look”)
    • Claude then creates a React + TypeScript + Vite project and adds features based on the prompt, including:
      • Tailwind CSS
      • Authentication system (login/logout mentioned; database-backed login is added later)
      • Product line items and commission/payment tracking logic
      • Payment tracking + “futuristic AI-themed” UI components

  4. Deploy with Netlify (auto-publishing live site)

    • Create/connect a Netlify account (Google login shown).
    • In Netlify, choose: Add project → Import from existing project → GitHub
    • Select the GitHub repo (e.g., “commission-calculator V2”).
    • Click Deploy and view build status.
    • Netlify includes an AI-assisted failure checker to diagnose deploy errors.
    • After the connection is set up, subsequent code changes automatically publish via new deploys/branches.

  5. Iterate via prompt refinement

    • The first prompt was too short, causing Claude to generate random products/categories in the UI.
    • The presenter fixes this by rewriting the prompt to specify exact input fields and behavior, including:
      • Product name
      • Product price
      • Number of payments
      • Initial cash collected
      • Contract value
      • Commission percent slider (0–50%)
      • Dashboard outputs (total commission, immediate vs future commission, etc.)

  6. Verification using a live demo

    • The presenter demonstrates logging into the live Netlify-hosted app using a demo email.
    • Database setup isn’t fully complete, so password behavior may be inconsistent initially.
    • The demo shows commission calculation working across multiple added items and totals.
    • Small bugs/edge issues appear, and the presenter notes how prompt specificity affects field interpretation.

CRM-relevant takeaway (what it implies)

Even though the title mentions “CRM systems that actually work,” the content is more about building internal/business tooling (e.g., a commission calculator and quiz funnels) that can integrate with sales processes—practical sales operations tools rather than CRM theory.

Product features emphasized

  • Claude Code → GitHub integration

    • Claude can “upload all the code” to the selected repository.

  • Netlify → live hosting

    • Deploy from the GitHub repo and view succeeded/failed states.
    • AI helps interpret why a deploy failed.
    • Auto-update via refresh after redeploys/branches.

  • Supabase planned

    • Presented as the “database” layer for usernames/passwords (integration described as the next step).

  • Prompt quality controls output

    • Too broad/too short prompts can cause undesired autogenerated data (e.g., random products).
    • Better prompts produce consistent UI fields and correct commission logic.

Specific business automation mentioned (lead capture / qualification)

The presenter also suggests the same approach can build:

  • Quiz funnels
  • Forms that support lead capture and qualification throughout the form (compared to “I closed” in the subtitles)

These can be used on sales calls to help sell and qualify leads.

Cost guidance (rough estimates)

  • The stack is described as affordable, depending on server load.
  • Claude Code cost is mentioned as:
    • ~$20/month on a basic plan
    • Possibly up to ~$100/month for more usage
  • There may be limits where you need to wait (e.g., refresh interval) after usage caps.

Main speakers / sources

  • Jordan (primary presenter)
    • Mentions running a community and hosting weekly AI/sales ops calls
  • Cheu (guest interview)
    • Shares details about prompting/role setup and background

Source tools/platforms: Claude Code, GitHub, Netlify, Supabase, plus React/TypeScript/Vite and Tailwind CSS (as generated stack elements).

Original video