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.

1.08x

Quality

67%

Does it follow best practices?

Impact

97%

1.08x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./plugins/frontend-mobile-development/skills/nextjs-app-router-patterns/SKILL.md

Evaluation results

92%

Job Board Listings Page

Streaming with Suspense and search params

Criteria

Without context

With context

Suspense boundary present

100%

Suspense key from params

100%

searchParams awaited

100%

Suspense fallback provided

100%

Data fetching colocated

100%

No 'use client' on data components

100%

No fetch in client component

100%

Fetch cache strategy set

100%

loading.tsx provided

No hooks in Server Component

100%

24%

Recipe Bookmarking Feature

Server Actions and cache invalidation

Criteria

Without context

With context

'use server' directive

100%

useTransition for action call

100%

isPending used for UI feedback

100%

revalidateTag or revalidatePath called

100%

Fetch uses next.tags

100%

cookies() awaited

100%

Action returns error object

100%

Data fetching in Server Component

100%

No fetch in Client Component

100%

redirect() used for navigation

57%

100%

Tech Blog Article Pages

Dynamic metadata and static generation

Criteria

Without context

With context

generateMetadata exported

100%

params awaited in generateMetadata

100%

params awaited in page component

100%

Open Graph metadata included

100%

Twitter card metadata included

100%

generateStaticParams exported

100%

notFound() called for missing resource

100%

ISR revalidation on fetch

100%

next/font/google used

100%

Metadata title template

100%

Repository: wshobson/agents
Commit: 91fe43e

Evaluated: 27 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Job Board Listings Page Recipe Bookmarking Feature Tech Blog Article Pages

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.