nextjs-15-specialistlisted

# Next.js 15 + App Router Specialist **Complete Next.js 15 reference for Quetrex development.** This skill provides comprehensive guidance on all Next.js 15 App Router patterns, ensuring agents implement modern Next.js correctly the first time. --- ## CRITICAL RULES (NEVER VIOLATE) These rules are NON-NEGOTIABLE. Violations will break builds. ### 1. ALWAYS use `<Image>` from `next/image` - NEVER use `<img>` ```typescript // ✅ ALWAYS DO THIS import Image from 'next/image' <Image src="/logo.png" alt="Logo" width={200} height={100} /> <Image src={user.avatar} alt={user.name} width={40} height={40} /> // ❌ NEVER DO THIS - BUILD WILL FAIL <img src="/logo.png" alt="Logo" /> <img src={user.avatar} alt={user.name} /> ``` **Why:** Next.js Image component provides automatic optimization, lazy loading, and prevents layout shift. ESLint is configured to fail builds on `<img>` usage. ### 2. Server Components are DEFAULT - only add 'use client' when needed ### 3. Never make async Client Components ### 4. Always specify cache strategy for fetch() --- ## When to Use This Skill Use this skill when working with: - Creating new routes or pages - Implementing data fetching (Server Components vs Client Components) - Server vs Client Component decisions - Server Actions and form handling - Streaming and Suspense - Metadata and SEO - Route handlers (API routes) - Caching strategies - Performance optimization --- ## Complete Documentation This skill includes comprehensive guides c