Can it help with Server Component vs. Client Component errors?

Yes, it specifically checks for 'use client' directives, identifies unnecessary client-side rendering, and ensures hooks like useState are used correctly.

Does this skill support the Next.js Pages Router?

While the skill is optimized for Next.js 13+ App Router patterns, it can detect Pages Router projects and provide general best practice feedback for React and Next.js configuration.

How does the skill detect a Next.js project?

It automatically identifies projects by looking for next.config.js, next.config.mjs, the 'next' dependency in package.json, or the presence of an app/ or pages/ directory.

Does it provide code examples for fixes?

Yes, the skill provides 'Good vs Bad' code comparisons and specific recommendations that Claude can use to refactor your code immediately.

Next.js Code Reviewer

Name: Next.js Code Reviewer
Author: physics91

byphysics91

開発者ツール

Analyzes Next.js projects for App Router patterns, Server/Client component separation, and performance optimizations.

概要

The Next.js Code Reviewer is a specialized auditing skill designed to ensure modern Next.js applications follow industry best practices and performance standards. It provides deep architectural analysis for projects using the App Router, helping developers maintain clean separation between Server and Client Components, optimize data fetching strategies, and implement secure Server Actions. By automating the detection of unoptimized images, fonts, and metadata, this skill accelerates the code review process and ensures high-performance Core Web Vitals for production-ready web applications.

主な機能

Optimized Next.js Image and Font implementation checks
Security-focused Server Actions and input validation review
Comprehensive App Router file structure validation
Automatic Server vs. Client Component separation auditing
0 GitHub stars
Data fetching and caching strategy recommendations

ユースケース

Auditing Next.js pull requests for architectural compliance and performance bottlenecks
Optimizing Core Web Vitals through automated image and font usage audits
Migrating legacy Next.js applications to the modern App Router architecture

概要

主な機能

Optimized Next.js Image and Font implementation checks
Security-focused Server Actions and input validation review
Comprehensive App Router file structure validation
Automatic Server vs. Client Component separation auditing
0 GitHub stars
Data fetching and caching strategy recommendations

ユースケース

Auditing Next.js pull requests for architectural compliance and performance bottlenecks
Optimizing Core Web Vitals through automated image and font usage audits
Migrating legacy Next.js applications to the modern App Router architecture