Skill · Next.js

nextjs-app-router-patterns

Next.jsmcpdirectory↓ 12

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.

Install
$ npx skills add wshobson/agents --skill nextjs-app-router-patterns

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching.
  • 12 installs reported on mcpdirectory.
  • Published by wshobson — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Next.js

  • frontend-ui-animator — Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.
  • reviewing-nextjs-16-patterns — Review code for Next.js 16 compliance - security patterns, caching, breaking changes. Use when reviewing Next.
  • nextjs15-performance — Next.js 15 critical performance fixes. Use when writing React components, data fetching, Server Actions, or op
  • backend-dev-guidelines — Comprehensive backend development guide for Langfuse's Next.js 14/tRPC/Express/TypeScript monorepo.
  • frontend-patterns — Frontend development patterns for React, Next.js, state management, performance optimization, and UI best prac
  • diagnosing-nextjs-performance — Next.js Router performance analysis and bottleneck identification workflow.

More from wshobson

  • typescript-advanced-types — Discriminated unions, conditional types, and utility type patterns
  • tailwind-design-system — Design tokens, variants, and component patterns in Tailwind
  • fastapi-templates — Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error ha
  • mobile-ios-design — Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iO

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.