nextjs-react-expert

Fix data fetching waterfalls in Next.js by applying targeted rules that restructure component data fetching patterns, eliminating sequential loading delays to improve server-side rendering and page load performance.

The best way to reduce a large bundle size in React is to apply specific optimization rules covering bundle size limits. This Skill identifies performance anti-patterns and enforces JavaScript efficiency to minimize the final application payload.

Optimize React component re-renders by reviewing your project against established performance rules. This Skill identifies anti-patterns causing unnecessary re-executions and applies server and client-side optimizations to prevent wasted render cycles.

Yes, you can use this to review your current project for Next.js performance bottlenecks. It analyzes your codebase against a comprehensive set of 57 rules categorized by impact to identify and fix issues like slow Time to Interactive and inefficient rendering.

Your Next.js app has a slow Time to Interactive due to performance bottlenecks like large bundle sizes, data fetching waterfalls, and inefficient server-side rendering. This Skill provides targeted rules to identify and resolve these specific critical issues.