SKILL.md

name: app-router description: "Next.js App Router - Server components, layouts, routing patterns" sasmp_version: "1.3.0" bonded_agent: nextjs-expert bond_type: PRIMARY_BOND

App Router Skill

Name: app-router
Rating: 60
Author: pluginagentmarketplace

Overview

Master Next.js 14+ App Router with server components, layouts, and modern routing patterns.

Capabilities

Layouts: Root layout, nested layouts, templates
Server Components: Default server rendering
Client Components: Interactive with 'use client'
Route Groups: (folder) for organization
Parallel Routes: @slot for simultaneous rendering
Intercepting Routes: (.) notation patterns

Examples

// app/layout.tsx
export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  )
}

// app/dashboard/page.tsx
export default async function DashboardPage() {
  const data = await fetchData() // Server-side
  return <Dashboard data={data} />
}

Best Practices

Use server components by default
Add 'use client' only when needed
Leverage layouts for shared UI
Use loading.tsx for suspense

Score

Total Score

60/100

Based on repository quality metrics

✓SKILL.md

SKILL.mdファイルが含まれている

+20

✓LICENSE

ライセンスが設定されている

+10

○説明文

100文字以上の説明がある

0/10

○人気

GitHub Stars 100以上

0/15

○最近の活動

3ヶ月以内に更新がある

0/10

○フォーク

10回以上フォークされている

0/5

✓Issue管理

オープンIssueが50未満

✓言語

プログラミング言語が設定されている

○タグ

1つ以上のタグが設定されている

0/5

app-router