fathom-local-dev-loop

Configure Fathom local development with hot reload and testing. Use when setting up a development environment, configuring test workflows, or establishing a fast iteration cycle with Fathom. Trigger with phrases like "fathom dev setup", "fathom local development", "fathom dev environment", "develop with fathom".

claude-code
6 Tools
fathom-pack Plugin
saas packs Category

Allowed Tools

ReadWriteEditBash(npm:*)Bash(pnpm:*)Grep

Provided by Plugin

fathom-pack

Claude Code skill pack for Fathom (18 skills)

saas packs v1.0.0
View Plugin

Installation

This skill is included in the fathom-pack plugin:

/plugin install fathom-pack@claude-code-plugins-plus

Click to copy

Instructions

Fathom Local Dev Loop

Overview

Set up a fast, reproducible local development workflow for Fathom.

Prerequisites

  • Completed fathom-install-auth setup
  • Node.js 18+ with npm/pnpm
  • Code editor with TypeScript support
  • Git for version control

Instructions

Step 1: Create Project Structure


my-fathom-project/
├── src/
│   ├── fathom/
│   │   ├── client.ts       # Fathom client wrapper
│   │   ├── config.ts       # Configuration management
│   │   └── utils.ts        # Helper functions
│   └── index.ts
├── tests/
│   └── fathom.test.ts
├── .env.local              # Local secrets (git-ignored)
├── .env.example            # Template for team
└── package.json

Step 2: Configure Environment


# Copy environment template
cp .env.example .env.local

# Install dependencies
npm install

# Start development server
npm run dev

Step 3: Setup Hot Reload


{
  "scripts": {
    "dev": "tsx watch src/index.ts",
    "test": "vitest",
    "test:watch": "vitest --watch"
  }
}

Step 4: Configure Testing


import { describe, it, expect, vi } from 'vitest';
import { FathomClient } from '../src/fathom/client';

describe('Fathom Client', () => {
  it('should initialize with API key', () => {
    const client = new FathomClient({ apiKey: 'test-key' });
    expect(client).toBeDefined();
  });
});

Output

  • Working development environment with hot reload
  • Configured test suite with mocking
  • Environment variable management
  • Fast iteration cycle for Fathom development

Error Handling

Error Cause Solution
Module not found Missing dependency Run npm install
Port in use Another process Kill process or change port
Env not loaded Missing .env.local Copy from .env.example
Test timeout Slow network Increase test timeout

Examples

Mock Fathom Responses


vi.mock('@fathom/sdk', () => ({
  FathomClient: vi.fn().mockImplementation(() => ({
    // Mock methods here
  })),
}));

Debug Mode


# Enable verbose logging
DEBUG=FATHOM=* npm run dev

Resources

Next Steps

See fathom-sdk-patterns for production-ready code patterns.

Ready to use fathom-pack?