Next.js Developer Skill

Overview

This skill provides comprehensive expertise in building production-ready Next.js applications using the App Router (Next.js 15+). It covers Server Components, React 19 support, data fetching patterns, routing, API routes, caching, and performance optimization.

Core Capabilities

App Router Architecture

• Server Components: Default rendering model for optimal performance
• Client Components: Interactive components with "use client" directive
• Layouts: Shared UI with preserved state across routes
• Templates: Fresh instances on navigation (no state preservation)
• Loading UI: Streaming with loading.tsx files
• Error Handling: Granular error boundaries with error.tsx