posts/setup

Fork Your Own Dev Log

Generate a dev blog from your Claude Code usage in under 5 minutes.

Step 1 — Prerequisites

You need Claude Code

This project requires Claude Code installed and at least a few sessions of usage. The more sessions you have, the richer your dev log will be.

# Install Claude Code if you haven't already
$ npm install -g @anthropic-ai/claude-code
Step 2 — Generate Insights

Run /insights in Claude Code

Open Claude Code and run the /insights command. This analyzes your session data and generates a report.

# In any Claude Code session, type:
claude> /insights

# This generates a report at:
# ~/.claude/usage-data/report.html
Step 3 — Fork & Configure

Fork this repo and add your data

Clone the repo, paste your insights JSON into src/data/insights.json, and run the generator.

# Clone
$ git clone https://github.com/YOUR_USER/claude-log
$ cd claude-log
$ npm install

# Paste your insights JSON into:
# src/data/insights.json

# Generate posts
$ npm run generate

# Preview locally
$ npm run build
$ npx serve out
Step 4 — Deploy

Deploy to Vercel

Push to GitHub and import into Vercel. The static export deploys instantly with zero configuration.

$ git add -A
$ git commit -m "feat: my dev log"
$ git push origin main

# Then import on vercel.com/new
# Framework: Next.js (auto-detected)
# Output: Static export (auto-configured)
Step 5 — Update

Update whenever you want

Run /insights again after more sessions, replace the JSON, regenerate, and push. Your dev log grows with you.

Tip: The more sessions you have across different projects, the richer and more interesting your dev log becomes. Each /insights run captures your evolving workflow.