I Built a Zero-Config Tool to Find Dead Code and Unused Assets in React & Next.js (Qleaner 2.1)
Trevis Wamuthenya
0:00 / 0:00
I Built a Zero-Config Tool to Find Dead Code and Unused Assets in React & Next.js (Qleaner 2.1)
139 просмотров · 2 нед. назад
Trevis Wamuthenya
25 подписчиков
139 просмотров · 2 нед. назад
Managing code bloat in React, Next.js, and Vue projects usually means dealing with leftover image assets, orphaned exports, unused dependencies, and debug console logs that nobody remembered to remove before pushing to main.
In this video, I walk through Qleaner v2.1.0, an open-source CLI designed to audit and clean up frontend codebases without breaking builds or requiring endless setup questions.
What we cover in this video:
Zero-prompt project initialization using qleaner init
Generating an instant 0 to 100 Codebase Health Score using qleaner summary
Using the new interactive mode to review and selectively prune unused exports, duplicate code, and console logs
Single-path image reference scanning across JSX, CSS, imports, and template literals
Optional local AI briefs with Ollama using the explain flag for non-destructive code analysis
Safe cleanup workflows using the soft-delete trash folder and quick undo restoration
Setting up automated PR health reports in CI with GitHub Actions
Quick commands to try in your terminal:
npx qleaner init
npx qleaner summary
npx qleaner scan --dry-run
Links and documentation:
GitHub Repository: [https://github.com/trevismurithi/reac...](https://github.com/trevismurithi/reac...)
NPM Package: [https://www.npmjs.com/package/qleaner](https://www.npmjs.com/package/qleaner)
If you find Qleaner helpful for keeping your repositories clean and bundle sizes small, feel free to drop your feedback or questions in the comments.