react-nextjs-best-practices
CommunityServer-first patterns for Next.js apps.
System Documentation
What problem does it solve?
React and Next.js projects often struggle with performance and maintainability when balancing Server Components, client interactivity, and robust data fetching. This guide consolidates proven patterns to help teams build fast, scalable apps using the App Router, Server Components by default, and accessible, production-ready practices.
Core Features & Use Cases
- Server/Client Component composition strategies and when to use each
- Data fetching, caching, and parallel loading with Next.js App Router
- Server Actions, accessibility considerations, and production readiness
Quick Start
Integrate these patterns by defaulting to Server Components, introducing Client Components only where interactivity is needed, and ensuring data fetching is parallel and cache-aware.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-nextjs-best-practices Download link: https://github.com/SaschaLeh/dotfiles/archive/main.zip#react-nextjs-best-practices Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.