Agent skill · software engineering · aiskillstore
nextjs-15-specialist
Use when working with Next.js 15 features, App Router, Server Components, Server Actions, or data fetching patterns. Ensures correct usage of Server vs Client Components and modern Next.js patterns.
Why this skill is useful
Adds comprehensive guides and executable patterns for Next.js 15, including caching strategies and server actions that are not widely documented.
What it needs
About 7k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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> 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 covering every Next.js 15 pattern: 📁 App Router Complete Guide 45+ examples covering: File-based routing (page.tsx, layout.tsx, route.ts) Dynamic routes ([id], [...slug], [[...slug]]) Route groups ((group)) Private folders (folder) Route handlers (API routes) Layouts and templates Loading UI (loading.tsx) Error boundaries (error.tsx, global-error.tsx) Not found pages (not-found.tsx) Parallel routes (@folder) Intercepting routes ((.)folder) Route segment config (dynamic, revalidate, runtime) 🔄 Data Fetching Complete Guide 35+ examples covering: Server Component data fetching (async/await) Client Component data fetching (useEffect, React Query, SWR) Parallel data fetching (Promise.all) Sequential data fetching (waterfall prevention) Streaming data (Suspense boundaries) Server-Sent Events (SSE for Quetrex voice) Data mutations (Server Actions) Optimistic updates (useOptimistic) For …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/nextjs-15-specialist