Skip to main content
Back to registry

nextjs-app-router-patterns

wshobson/agents

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

Installs8
Install command
npx skills add https://github.com/wshobson/agents --skill nextjs-app-router-patterns
Security audits
Gen Agent Trust HubPASS
SocketFAIL
SnykPASS
About this skill
Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development. - 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 - Start with Server Components - Add 'use client' only when needed - Colocate data fetching - Fetch data where it's used - Use Suspense boundaries - Enable streaming for slow data - Leverage parallel routes - Independent loading states - Use Server Actions - For mutations with progressive enhancement - Don't pass serializable data - Server → Client boundary limitations - Don't use hooks in Server Components - No useState, useEffect - Don't fetch in Client Components - Use Server Components or React Query - Don't over-nest layouts - Each layout adds to the component tree - Don't ignore loading states - Always provide loading.tsx or Suspense

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does nextjs-app-router-patterns do?

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

Is nextjs-app-router-patterns good?

nextjs-app-router-patterns does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does nextjs-app-router-patterns work with?

nextjs-app-router-patterns currently lists compatibility with Agent compatibility has not been published yet..

What are alternatives to nextjs-app-router-patterns?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install nextjs-app-router-patterns?

npx skills add https://github.com/wshobson/agents --skill nextjs-app-router-patterns

Related skills

More from wshobson/agents

Related skills

Alternatives in Software Engineering