1 files changed, 46 insertions, 0 deletions
diff --git a/frameworks/nextjs-15/.claude/commands/analyze-performance.md b/frameworks/nextjs-15/.claude/commands/analyze-performance.md
new file mode 100644
index 0000000..fa7a1df
--- /dev/null
+++ b/frameworks/nextjs-15/.claude/commands/analyze-performance.md
@@ -0,0 +1,46 @@
+---
+allowed-tools: Bash, Read, Grep, Glob, Write
+description: Analyze app performance and generate optimization report
+---
+
+Perform a comprehensive performance analysis of the Next.js application:
+
+## Bundle Analysis
+
+1. Check if @next/bundle-analyzer is installed, install if needed
+2. Run build with ANALYZE=true to generate bundle analysis
+3. Identify large dependencies and opportunities for code splitting
+
+## Core Web Vitals Analysis
+
+1. Check for Web Vitals monitoring setup
+2. Analyze current implementation for:
+   - Largest Contentful Paint (LCP) issues
+   - Cumulative Layout Shift (CLS) problems
+   - First Input Delay (FID) / Interaction to Next Paint (INP)
+
+## Code Analysis
+
+1. Find components not using dynamic imports where appropriate
+2. Check image optimization (using next/image properly)
+3. Verify font optimization (using next/font)
+4. Analyze third-party script loading strategies
+5. Check for unnecessary client-side data fetching
+
+## Caching Analysis
+
+1. Review fetch caching strategies
+2. Check for proper use of revalidate
+3. Analyze static vs dynamic rendering choices
+
+## Generate Report
+
+Create a detailed performance report with:
+
+- Current bundle size metrics
+- Largest dependencies
+- Optimization opportunities ranked by impact
+- Specific code changes needed
+- Estimated performance improvements
+
+Save the report to `performance-report.md` with actionable recommendations.