Works with Next.js

Generate help docs for your
Next.js app

KodaDocs reads your Next.js source code, captures screenshots of every route, and generates a complete help center with AI-written articles. From zero docs to a live help site in under 3 minutes.

Get Started Free See how it works

How KodaDocs works with Next.js

1. Install & configure

Install KodaDocs and add it to your Claude Code MCP config.

uvx kodadocs mcp
playwright install chromium

2. Tell Claude to generate docs

Claude reads your Next.js source code, detects routes, and understands your app structure.

"Generate help docs for my Next.js app at localhost:3000"

3. Get a complete help center

KodaDocs captures screenshots, annotates UI elements, writes articles, and assembles a VitePress help center. Deploy locally or to yourapp.kodadocs.com.

What you get

Automatic route discovery from App Router and Pages Router
Screenshots of every page with numbered callouts
Getting Started guide generated from your codebase
Feature guides for each route and component
FAQ and Troubleshooting articles
VitePress help center with search and mobile layout
Auth-gated page support (login, capture, done)
Deploy to kodadocs.com or self-host anywhere

Ready to document your Next.js app?

Free to self-host. Pro Kit $29 one-time. $5/mo for hosted deploy to yourapp.kodadocs.com.

Get Started Free See pricing

Stay in the loop

Get product updates, new feature announcements, and tips for better documentation. No spam.

No spam, unsubscribe anytime.