nextjs-code-review

SKILL.md

Next.js Code Review

Overview

Evaluates Next.js App Router code against best practices for Server Components, Client Components, Server Actions, caching strategies, and production-readiness criteria. Produces actionable findings categorized by severity with concrete code examples. Delegates to typescript-software-architect-review agent for architectural analysis.

When to Use

Reviewing Next.js pages, layouts, and route segments before merging

Validating Server Component vs Client Component boundaries

Checking Server Actions for security and correctness

Reviewing data fetching patterns (fetch, cache, revalidation)

Evaluating caching strategies (static generation, ISR, dynamic rendering)

Assessing middleware implementations (authentication, redirects, rewrites)

Reviewing API route handlers for proper request/response handling

Validating metadata configuration for SEO

Checking loading, error, and not-found page implementations

After implementing new Next.js features or migrating from Pages Router