nextjs-reviewer

App Router pattern review analyzes your app/ directory structure, server/client component separation, and routing layouts to identify optimization opportunities. Run the nextjs-reviewer on a project with app/ or pages/ directories to receive a structured pattern and optimization report identifying routing inefficiencies and best-practice violations.

Data fetching optimization distinguishes server-side versus client-side loading strategies based on your component placement and data requirements. The reviewer recommends fetch patterns—server components for database queries, client components for user interactions—and flags anti-patterns like N+1 queries or unnecessary client-side data loading.

Next.js image and font optimization reduces bundle size and improves page load performance through automatic format serving and font subsetting. The reviewer scans your project for unoptimized images and fonts, recommending next/image adoption and font strategy improvements aligned with your app structure.

Pages-to-App Router migration reorganizes route definitions from pages/ to app/ with server components, layouts, and nested routing. The reviewer identifies conversion opportunities by analyzing your current routing patterns, component separation, and data fetching, providing guidance on where App Router benefits are highest.

Configuration analysis includes next.config.js and next.config.mjs files to validate optimization settings, image loaders, and routing configuration. The reviewer checks your Next.js dependency declaration and config file for compatibility with App Router patterns and recommends config-level improvements.

Common optimization gaps include improper server/client component boundaries, inefficient data fetching placement, missing image optimization, unoptimized fonts, and suboptimal App Router layout strategies. The reviewer flags these anti-patterns with actionable recommendations to improve performance and maintainability.