mcpField
N
nextjs-app-router-patterns

nextjs-app-router-patterns

github.com/sickn33Development49.0k534 installsUpdated today
Repository

About nextjs-app-router-patterns

A skill for developers building or migrating Next.js applications with the App Router. It covers Server Components, routing patterns, data fetching, caching, streaming, and Server Actions.

Key features

  1. 01App Router architecture patterns
  2. 02Server Components and streaming
  3. 03Parallel and intercepting routes
  4. 04Data fetching and caching
  5. 05Server Actions

Use cases

  1. 01Build a Next.js app with App Router
  2. 02Migrate from Pages Router
  3. 03Implement Server Components and streaming
  4. 04Develop full-stack features with Server Actions

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill nextjs-app-router-patterns

After installing, type/nextjs-app-router-patternsin Claude Code to confirm it loaded.

Bundled filesresources/implementation-playbook.md

Details

From the project README

Next.js App Router Patterns

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.

Limitations

  • Use this skill only when the task clearly matches the scope described above.
  • Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
  • Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Comments

Markdown supported