<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Nevin-Bali100</title>
    <description>The latest articles on DEV Community by Nevin-Bali100 (@nevin100).</description>
    <link>https://dev.to/nevin100</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1919147%2Fa3f5bee6-ac15-4f5d-a356-bc433b59769c.jpeg</url>
      <title>DEV Community: Nevin-Bali100</title>
      <link>https://dev.to/nevin100</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/nevin100"/>
    <language>en</language>
    <item>
      <title>I Built &amp; Published My First npm Package: dep-inspector-cli</title>
      <dc:creator>Nevin-Bali100</dc:creator>
      <pubDate>Mon, 20 Apr 2026 16:28:12 +0000</pubDate>
      <link>https://dev.to/nevin100/i-built-published-my-first-npm-package-dep-inspector-cli-13mk</link>
      <guid>https://dev.to/nevin100/i-built-published-my-first-npm-package-dep-inspector-cli-13mk</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;And it went from 107 → 240 weekly downloads in a day.!!!!&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I've been building full-stack apps for a while now — Next.js, TypeScript, PostgreSQL, MongoDB, and much more. But I'd never shipped something to the npm registry before. *&lt;em&gt;dep-inspector-cli *&lt;/em&gt; changed that.&lt;br&gt;
Here's the honest story of what it does, why I built it, and what's coming next.&lt;/p&gt;
&lt;h2&gt;
  
  
  The Problem:
&lt;/h2&gt;

&lt;p&gt;Every Node.js project eventually runs into this moment:&lt;br&gt;
&lt;code&gt;npm audit&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;You get a wall of text. Severity levels, CVE IDs, a list of packages - but zero context about which of your actual dependencies pulled the vulnerable one in, or what you should realistically do about it.&lt;br&gt;
I wanted something that actually connected the dots.&lt;/p&gt;
&lt;h2&gt;
  
  
  The Solution:
&lt;/h2&gt;

&lt;p&gt;What dep-inspector-cli Does&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; dep-inspector-cli
dep-inspector
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Run it from your project root and you get:&lt;br&gt;
🌳 Visual Dependency Tree — shows your full dep graph with outdated versions flagged inline, not as a separate report.&lt;br&gt;
🛡️ Vulnerability Scan — wraps npm audit but surfaces results with severity, version delta, and a breaking-change warning if the fix is a major bump.&lt;br&gt;
🔗 Dependency Chains — this is the part I care most about. It traces exactly which package in your tree pulled in the vulnerable dep. No more guessing.&lt;br&gt;
📦 Package Context — homepage, author, repo link for flagged packages. Because knowing what a package is matters when you're deciding whether to update or swap it out.&lt;br&gt;
🤖 AI Insights (optional) — add --ai and it uses Groq (llama-3.3-70b) to give you a plain-English breakdown: what the vuln is, what it affects in your specific project, and a recommended fix.&lt;br&gt;
📄 JSON Output — --json flag for CI/CD pipelines. Fail the build if vulnerabilities are found, upload reports as artifacts, the works.&lt;/p&gt;

&lt;h2&gt;
  
  
  Example Output:
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;⚠️  Vulnerability Analysis

📦 axios
  Severity   : HIGH
  Version    : 0.21.1 → 1.7.2
  ⚠️  Breaking change possible!
  Repo       : https://github.com/axios/axios
  🔗 Chain: root → axios

💡 Fix Suggestions
  → axios: npm install axios@latest
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  CI/CD Integration
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight yaml"&gt;&lt;code&gt;&lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;Check dependencies&lt;/span&gt;
  &lt;span class="na"&gt;run&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;dep-inspector --json &amp;gt; dep-report.json&lt;/span&gt;

&lt;span class="pi"&gt;-&lt;/span&gt; &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;Upload report&lt;/span&gt;
  &lt;span class="na"&gt;uses&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;actions/upload-artifact@v3&lt;/span&gt;
  &lt;span class="na"&gt;with&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt;
    &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;dependency-report&lt;/span&gt;
    &lt;span class="na"&gt;path&lt;/span&gt;&lt;span class="pi"&gt;:&lt;/span&gt; &lt;span class="s"&gt;dep-report.json&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Tech Stack
&lt;/h2&gt;

&lt;p&gt;I used following tech stack to develop the initial version of this npm package:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;TypeScript (fully typed)&lt;/li&gt;
&lt;li&gt;Commander.js for CLI parsing&lt;/li&gt;
&lt;li&gt;Chalk + Ora for terminal UX&lt;/li&gt;
&lt;li&gt;LangChain + Groq for the --ai flag&lt;/li&gt;
&lt;li&gt;Semver for version comparison&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What's Coming Next (v1.2+):
&lt;/h2&gt;

&lt;p&gt;The current version handles vulnerability scanning well, but I want dep-inspector to be genuinely useful for production-grade projects too. Here's what I'm actively working on:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;🏥 Dependency Health Scoring - an overall health score for your project's dependency tree. Factors: vulnerability count, how outdated your deps are, and whether maintainers are active. One number that tells you roughly how much debt you're carrying.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;📊 Production Package Support - first-class analysis for packages like winston, pino, morgan (logging), helmet, cors, express-rate-limit (security middleware), dotenv, zod (config/validation). Currently, these show up in the tree, but there's no opinionated analysis. Coming soon: known best-practice checks and upgrade guidance specific to each ecosystem.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;🔍 License Audit - flag packages with restrictive licenses (GPL, AGPL) that might be a problem in commercial projects.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;📈 Trend Tracking — run dep-inspector over time and see if your health score is improving or regressing. Useful for teams that do regular dependency maintenance sprints.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Try It and can raise an issue and some suggestions in the comments:
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; dep-inspector-cli
&lt;span class="nb"&gt;cd &lt;/span&gt;your-project
dep-inspector
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;📦 npm: npmjs.com/package/dep-inspector-cli&lt;/li&gt;
&lt;li&gt;🐙 GitHub: &lt;a href="https://github.com/Nevin100/Dep-inspector-cli" rel="noopener noreferrer"&gt;https://github.com/Nevin100/Dep-inspector-cli&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If it's useful, a ⭐ on GitHub goes a long way. And if you run into issues or have feature requests — PRs are open.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzyk4h7f5wwmreosodln5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzyk4h7f5wwmreosodln5.png" alt="Main Package Page"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffa3hys75b4y2si8y1loe.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffa3hys75b4y2si8y1loe.png" alt="A Description of Usage of the tool on npm official platform"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv7sxg03tmijwb5cs99kb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv7sxg03tmijwb5cs99kb.png" alt="Usage and Commands"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>opensource</category>
      <category>node</category>
      <category>devtools</category>
      <category>typescript</category>
    </item>
    <item>
      <title>Revision and completing Nextronix.ai</title>
      <dc:creator>Nevin-Bali100</dc:creator>
      <pubDate>Tue, 06 May 2025 17:54:21 +0000</pubDate>
      <link>https://dev.to/nevin100/revision-and-completing-nextronixai-261o</link>
      <guid>https://dev.to/nevin100/revision-and-completing-nextronixai-261o</guid>
      <description>&lt;p&gt;Just did revision of nextjs while completing the nextronix.ai Project.&lt;/p&gt;

&lt;h1&gt;
  
  
  Day 4 of coding and learning!!!
&lt;/h1&gt;

</description>
      <category>programming</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>ai</category>
    </item>
    <item>
      <title>Nextronix.ai on the verge of complete!!</title>
      <dc:creator>Nevin-Bali100</dc:creator>
      <pubDate>Mon, 05 May 2025 16:23:06 +0000</pubDate>
      <link>https://dev.to/nevin100/nextronixai-on-the-verge-of-complete-559g</link>
      <guid>https://dev.to/nevin100/nextronixai-on-the-verge-of-complete-559g</guid>
      <description></description>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
      <category>ai</category>
    </item>
    <item>
      <title>Nextronix Diet: Forks Over Fail</title>
      <dc:creator>Nevin-Bali100</dc:creator>
      <pubDate>Sat, 03 May 2025 18:10:32 +0000</pubDate>
      <link>https://dev.to/nevin100/nextronix-diet-forks-over-fail-2pp5</link>
      <guid>https://dev.to/nevin100/nextronix-diet-forks-over-fail-2pp5</guid>
      <description>&lt;p&gt;Welcome to &lt;strong&gt;Nextronix.ai&lt;/strong&gt; — my AI-powered fitness diet planner, built as part of my journey to master full-stack development and AI integration! Powered by &lt;strong&gt;Gemini API, Vapi Voice Assistant, and crafted using Next.js, TypeScript, Convex DB, and Clerk&lt;/strong&gt;, this project listens to your voice, gathers key details, and creates a free, personalized diet plan just for you.&lt;/p&gt;

&lt;p&gt;🔹 AI Voice Assistant Calls (via Vapi)&lt;br&gt;
🔹 Info gathering through natural conversation&lt;br&gt;
🔹 Personalized fitness diet plan&lt;br&gt;
🔹 Real-time database with Convex&lt;br&gt;
🔹 Auth handled by Clerk&lt;br&gt;
🔹 Built for learning, sharing, and consistency&lt;/p&gt;

&lt;p&gt;Learning from the tutorial on Youtube: Codesistency&lt;/p&gt;

&lt;p&gt;This is Day 2 (missed Day 1 😅), but I’m showing up consistently from here on!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>ai</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Insightful Article Post</title>
      <dc:creator>Nevin-Bali100</dc:creator>
      <pubDate>Tue, 13 Aug 2024 18:17:39 +0000</pubDate>
      <link>https://dev.to/nevin100/insightful-article-post-op9</link>
      <guid>https://dev.to/nevin100/insightful-article-post-op9</guid>
      <description>&lt;p&gt;I read this post on the dev.daily about the good and bad commit changes on the git which I found quite insightful.&lt;br&gt;
It was able to draw some important conclusions regarding the approach of doing proper commits but also I would like to add my perspective that for some scenarios,one can stash their current changes and can move to higher branch.&lt;/p&gt;

&lt;p&gt;post link : &lt;a href="https://dev.to/sheraz4194/good-commit-vs-bad-commit-best-practices-for-git-1plc"&gt;https://dev.to/sheraz4194/good-commit-vs-bad-commit-best-practices-for-git-1plc&lt;/a&gt;&lt;br&gt;
credits: Sheraz Manzoor &lt;/p&gt;

</description>
      <category>git</category>
      <category>github</category>
      <category>webdev</category>
    </item>
    <item>
      <title>My-Portfolio</title>
      <dc:creator>Nevin-Bali100</dc:creator>
      <pubDate>Mon, 12 Aug 2024 16:44:02 +0000</pubDate>
      <link>https://dev.to/nevin100/my-portfolio-ii0</link>
      <guid>https://dev.to/nevin100/my-portfolio-ii0</guid>
      <description>&lt;p&gt;As a Full Stack Developer, I have created a dynamic portfolio using React JS and Framer-motion. It showcases my skills and projects, highlighting my expertise in building efficient and user-friendly web applications. Let's connect and explore new opportunities!&lt;/p&gt;

</description>
      <category>react</category>
      <category>framermotion</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
