nextjs-performance

# Next.js Performance Optimization Expert guidance for optimizing Next.js applications with focus on Core Web Vitals, modern patterns, and best practices. ## Overview This skill provides comprehensive guidance for optimizing Next.js applications. It covers Core Web Vitals optimization (LCP, INP, CLS), modern React patterns, Server Components, caching strategies, and bundle optimization techniques. Designed for developers already familiar with React/Next.js who want to implement production-grade optimizations. ## When to Use Use this skill when working on Next.js applications and need to: - Optimize Core Web Vitals (LCP, INP, CLS) for better performance and SEO - Implement image optimization with `next/image` for faster loading - Configure font optimization with `next/font` to eliminate layout shift - Set up caching strategies using `unstable_cache`, `revalidateTag`, or ISR - Convert Client Components to Server Components for reduced bundle size - Implement Suspense streaming for progressive page loading - Analyze and reduce bundle size with code splitting and dynamic imports - Configure metadata and SEO for better search engine visibility - Optimize API route handlers for better performance - Apply Next.js 16 and React 19 modern patterns ### Coverage Areas - **Core Web Vitals optimization** (LCP, INP, CLS) - **Image optimization** with `next/image` - **Font optimization** with `next/font` - **Caching strategies** (`unstable_cache`, `revalidateTag`, ISR) - **Server Com...