This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
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.
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 🙌
About Reactjs/Nextjs Codebase Graph Visualizer on Product Hunt
Reactjs/Nextjs Codebase Graph Visualizer was submitted on Product Hunt and earned 2 upvotes and 2 comments, placing #82 on the daily leaderboard. 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.
On the analytics side, Reactjs/Nextjs Codebase Graph Visualizer competes within Productivity, Open Source, Developer Tools and GitHub — topics that collectively have 1.3M followers on Product Hunt. The dashboard above tracks how Reactjs/Nextjs Codebase Graph Visualizer performed against the three products that launched closest to it on the same day.
Who hunted Reactjs/Nextjs Codebase Graph Visualizer?
Reactjs/Nextjs Codebase Graph Visualizer was hunted by Shivang Khandelwal. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of Reactjs/Nextjs Codebase Graph Visualizer including community comment highlights and product details, visit the product overview.
Shivang Khandelwal