Does this skill help with data fetching?

Yes, it provides specific strategies for revalidation, no-store, and ISR (Incremental Static Regeneration) to ensure data is fresh and delivery is fast.

How does this skill improve Next.js performance?

It enforces the use of Server Components by default, reducing client-side JavaScript, and provides patterns for efficient caching and bundle optimization.

Can it help me with Server Actions?

Absolutely. It covers best practices for 'use server' directives, input validation with tools like Zod, and handling typed responses and errors.

Is this skill relevant for the Pages Router?

No, this skill is specifically optimized for the Next.js App Router and modern React Server Component architectures.

Next.js Best Practices

Name: Next.js Best Practices
Author: GrupoUS

byGrupoUS

開発者ツール

Guides the implementation of high-performance Next.js applications using modern App Router principles and server-side patterns.

概要

This skill equips Claude with senior-level architectural guidance for building Next.js applications using the App Router. It focuses on optimizing the balance between Server and Client Components, implementing efficient data fetching strategies, and utilizing advanced routing patterns like parallel and intercepting routes. By following these principles, developers can ensure their projects are performant, scalable, and follow the latest industry standards for caching, server actions, and SEO-ready metadata management.

主な機能

0 GitHub stars
Implementation patterns for ISR, static, and dynamic data fetching
Best practices for secure Server Actions and input validation
Expert guidance on Server vs. Client Component decision-making
Optimized routing configurations using layouts, groups, and slots
Performance optimization for images, bundles, and metadata

ユースケース

Refactoring client-heavy components into efficient Server Components
Architecting a new full-stack application using Next.js App Router
Setting up complex routing structures with parallel and intercepting routes

概要

主な機能

0 GitHub stars
Implementation patterns for ISR, static, and dynamic data fetching
Best practices for secure Server Actions and input validation
Expert guidance on Server vs. Client Component decision-making
Optimized routing configurations using layouts, groups, and slots
Performance optimization for images, bundles, and metadata

ユースケース

Refactoring client-heavy components into efficient Server Components
Architecting a new full-stack application using Next.js App Router
Setting up complex routing structures with parallel and intercepting routes