Nextjs App Router Patterns

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced da…

by rmyndharis · MIT

The skill

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.

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.

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: rmyndharis/nextjs-app-router-patterns-90605649092.

Download SKILL.md · Markdown version

Details

Publisher: rmyndharis
Category: Software Development › Languages & frameworks
License: MIT
Updated: 2026-10-14

References

Related skills

Nextjs App Router Provides patterns and code examples for building Next.js 16+ applications with App Router archite…
Nextjs Best Practices Next.js App Router principles.
Nextjs Core Core Next.js patterns for App Router development including Server Components, Server Actions, rou…
Nextjs 16 Next.js 16 App Router patterns.
Ai Agent Development AI agent development workflow for building autonomous agents, multi-agent systems, and agent orch…