Imported from henryalouf/ruflow (src/antigravity-awesome-skills/plugins/antigravity-awesome-skills-claude/skills/nextjs-app-router-patterns/SKILL.md). Install upstream with npx skills add henryalouf/ruflow --skill nextjs-app-router-patterns. Copyright stays with the author.

Next.js App Router Patterns

Name: nextjs-app-router-patterns
Author: henryalouf

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

Use this skill when

Building new Next.js applications with App Router
Migrating from Pages Router to App Router
Implementing Server Components and streaming
Setting up parallel and intercepting routes
Optimizing data fetching and caching
Building full-stack features with Server Actions

Do not use this skill when

The task is unrelated to next.js app router patterns
You need a different domain or tool outside this scope

Instructions

Clarify goals, constraints, and required inputs.
Apply relevant best practices and validate outcomes.
Provide actionable steps and verification.
If detailed examples are required, open resources/implementation-playbook.md.

Resources

resources/implementation-playbook.md for detailed patterns and examples.

{ "ocm": "1", "id": "henryalouf-ruflow-nextjs-app-router-patterns", "kind": "skill", "name": "nextjs-app-router-patterns", "description": "Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.", "publisher": "henryalouf", "version": "1.0.0", "capabilities": { "domains": [ "math" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/henryalouf/ruflow", "path": "src/antigravity-awesome-skills/plugins/antigravity-awesome-skills-claude/skills/nextjs-app-router-patterns/SKILL.md", "ref": "568d7a50cacc9897b4c236bf49a103cbb3406ea9", "url": "https://github.com/henryalouf/ruflow/blob/568d7a50cacc9897b4c236bf49a103cbb3406ea9/src/antigravity-awesome-skills/plugins/antigravity-awesome-skills-claude/skills/nextjs-app-router-patterns/SKILL.md", "key": "henryalouf/ruflow/src/antigravity-awesome-skills/plugins/antigravity-awesome-skills-claude/skills/nextjs-app-router-patterns/SKILL.md" } }, "instructions": "# Next.js App Router Patterns\n\nComprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.\n\n## Use this skill when\n\n- Building new Next.js applications with App Router\n- Migrating from Pages Router to App Router\n- Implementing Server Components and streaming\n- Setting up parallel and intercepting routes\n- Optimizing data fetching and caching\n- Building full-stack features with Server Actions\n\n## Do not use this skill when\n\n- The task is unrelated to next.js app router patterns\n- You need a different domain or tool outside this sco", "cost": { "context_tokens": 236 } }

nextjs-app-router-patterns

About

Next.js App Router Patterns

Use this skill when

Do not use this skill when

Instructions

Resources

Use it

Manifest

Reviews