wshobson/agents

nextjs-app-router-patterns

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.

29K installs 39K starsUpdated Sep 2, 2026License: MIT

Install

npx skills add wshobson/agents@nextjs-app-router-patterns

Runs in your terminal. Adds the skill globally for Claude Code, Cursor, Codex and others; add -g -y to skip prompts.

What it does

Next.js App Router Patterns Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development. When to Use This Skill - 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 Core Concepts 1. Rendering Modes Mode Where When to Use --------------------- ------------ ----------------------------------------- Server…

Excerpt from the skill's own SKILL.md. Read the full file on GitHub before installing: skills run with your agent's permissions.

View source on GitHub

Before you install

Skills are plain text instructions the agent follows, sometimes with scripts. Check the source, prefer repositories with many installs and stars, and read any script it ships.

Categories

Related skills

  • tailwind-design-system

    wshobson/agents

    Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

    62K installs 39KDesign & UIReact & Next.js
  • brand-landingpage

    wshobson/agents

    >

    38K installs 39KDesign & UIMarketingResearch
  • code-review-excellence

    wshobson/agents

    Master effective code review practices to provide constructive feedback, catch bugs early, and foster knowledge sharing while maintaining team morale. Use when reviewing pull requests, establishing review standards, or mentoring developers.

    28K installs 39KCode review
  • api-design-principles

    wshobson/agents

    Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.

    28K installs 39KDesign & UITestingDocumentation
  • Use this skill when designing or reviewing a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and advanced features

    25K installs 39KDesign & UIDataProductivity
  • fastapi-templates

    wshobson/agents

    Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.

    24K installs 39KDesign & UITestingCode review

Search skills

/skills/wshobson/agents/nextjs-app-router-patterns/