nextjs-pro
CommunityServer-first patterns for Next.js App Router.
Authorpikakit
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Next.js Pro provides a structured decision framework to guide large-scale Next.js App Router development: it helps teams decide when to render on the server vs the client, select caching and data fetching strategies, and enforce routing conventions with clear performance-oriented rules.
Core Features & Use Cases
- Server-vs-client decision tree to determine when to emit 'use client' versus server components.
- Data fetching strategies (static/default, ISR with revalidate, dynamic/no-store) to minimize waterfalls and optimize CWV.
- Routing conventions and required route files (page.tsx, layout.tsx, loading.tsx, error.tsx) for predictable App Router structure.
- 60+ performance rules spanning 8 categories to guide optimization and safe, scalable patterns.
- Clear boundaries and expert decision logic suitable for large-scale Next.js apps (FAANG-scale guidance).
Quick Start
Provide a production-ready plan for a Next.js App Router page, including server/client decision, data strategy, and route structure.
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: nextjs-pro Download link: https://github.com/pikakit/agent-skills/archive/main.zip#nextjs-pro 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.