Next.js Best Practices

概要

This skill equips Claude with the specialized architectural knowledge required to build robust, scalable Next.js applications using the App Router. It provides comprehensive guidance on the Server vs. Client Component decision tree, efficient data fetching strategies (ISR, dynamic, and static), and optimized routing patterns. By following these principles, users can ensure their projects utilize the latest Next.js features like Server Actions, metadata optimization, and advanced caching layers while avoiding common anti-patterns such as over-using client-side state.

主な機能

• App Router file conventions and route organization
• Type-safe Server Actions and API route handlers
• Expert Server vs. Client Component decision logic
• 0 GitHub stars
• Performance optimization for images and bundles
• Optimized data fetching and caching strategy implementation

ユースケース

• Architecting a new Next.js project using App Router best practices
• Implementing complex data mutation patterns using Server Actions and revalidation
• Refactoring existing React components into Server Components for better performance