Modern Next.js 14+ patterns: App Router, Server Components, Server Actions, ISR, and edge runtime optimization.
When to Use
Use this skill when working on full stack tasks related to next.js patterns.
Key Concepts
Best Practices: Follow industry standards
Implementation: Step-by-step guidance
Examples: Real-world applications
Guidelines
Start with understanding requirements
Apply proven patterns
Test and validate results
1---2name: nextjs-patterns3description: Next.js Patterns4---56# Next.js Patterns78Modern Next.js 14+ patterns: App Router, Server Components, Server Actions, ISR, and edge runtime optimization.910## When to Use1112Use this skill when working on full stack tasks related to next.js patterns.1314## Key Concepts15161. **Best Practices**: Follow industry standards172. **Implementation**: Step-by-step guidance183. **Examples**: Real-world applications1920## Guidelines2122- Start with understanding requirements23- Apply proven patterns24- Test and validate results
Run npx skillmds@latest add cgyudistira/nextjs-patterns in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Next.js Patterns It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
cgyudistira (@cgyudistira) published this skill. Their other Agent Skills are listed on their SkillMD profile.
cgyudistira