The-DevOps-Daily/devops-daily
Vedi su GitHubfeat: Add bundle analyzer for build optimization
Open
#532 aperta il 2 dic 2025
enhancementgood first issuehacktoberfest
Metriche repository
- Star
- (1087 star)
- Metriche merge PR
- (Metriche PR in attesa)
Descrizione
Description
Install and configure Next.js bundle analyzer to identify large dependencies and optimize bundle size.
Problem
- No visibility into bundle composition
- Unknown which dependencies are increasing bundle size
- No metrics for code splitting effectiveness
- Difficult to identify optimization opportunities
Current Dependencies
Some potentially large dependencies:
framer-motion- Animation libraryhighlight.js- Syntax highlightingmarked- Markdown parserlucide-react- Icon library- Various other dependencies
Proposed Solution
Add @next/bundle-analyzer to:
- Visualize bundle composition
- Identify large dependencies
- Find duplicate code
- Optimize code splitting
- Track bundle size over time
Acceptance Criteria
- Install
@next/bundle-analyzer - Configure in
next.config.mjs - Add npm script:
npm run analyze - Document bundle analysis process
- Create baseline bundle size report
- Add bundle size to PR checks (optional)
- Document findings and optimization recommendations
Files to Modify
package.json- Add dependency and scriptnext.config.mjs- Configure analyzerdocs/bundle-analysis.md- New documentation