The Problem

When working on Convex.dev projects, the backend can quickly grow complex. You end up with queries, mutations, and actions spread across multiple files, and it becomes hard to visualize how everything connects.

I wanted a way to see the big picture - which functions call which, and how the frontend uses them.

The Solution

I built a small script that:

• Scans your Convex backend for all function definitions
• Tracks cross-function calls within the backend
• Attempts to find usages in TypeScript frontends
• Generates a visual overview with colors

The script parses your Convex function files and builds a dependency graph. It’s vibe-coded as a proof of concept, but it works for basic use cases.

Try It Out

Check out the repo: domi-ninja/convex-overview

Let me know if you find it useful or have ideas for improvements!