Devlens maps your React/Next.js codebase into an interactive graph so you can understand dependencies, logic flow, and the blast radius of changes, with business logic summaries and technical summaries along with any severity issues. Built using AST analysis (no AI for mapping), it helps you see how components, hooks, and state connect—especially in large codebases. It can be used for Easy Onboarding for new members in team, or for seeing the blast radius of your PR, providing easy PR review.
No reviews yetBe the first to leave a review for Reactjs/Nextjs Codebase Graph Visualizer
Maker
📌
Hey everyone 👋
I built Devlens after struggling to understand how changes in one part of a codebase affect everything else—especially in larger React/Next.js apps.
TypeScript and search work well for direct usage, but I often found it hard to reason about:
indirect dependencies
shared state impact
and overall “blast radius” of a change
So I started experimenting with mapping the codebase into a graph using AST parsing (no AI for mapping).
What surprised me was what became possible on top of that graph:
seeing impact/blast radius of a change
generating contextual summaries (business + technical)
surfacing potential security issues
identifying critical files based on dependency scoring
It’s still early, and I’m sure there are gaps—so I’d really appreciate feedback on:
Where would something like this actually fit in your workflow?
Which of these features sounds useful vs unnecessary?
Any cases where this approach would break down?
Happy to answer anything or go deeper into how it works 🙌
@hanum looks cool