Next.js App Router - Server components, layouts, routing patterns
Detects when you're building Next.js 14+ apps and provides guidance on App Router patterns. Helps with server components, layouts, route groups, parallel routes, and intercepting routes.
/plugin marketplace add pluginagentmarketplace/custom-plugin-nextjs/plugin install custom-plugin-nextjs@pluginagentmarketplace-nextjsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
assets/config.yamlassets/schema.jsonreferences/GUIDE.mdreferences/PATTERNS.mdscripts/helper.pyscripts/validate.pyMaster Next.js 14+ App Router with server components, layouts, and modern routing patterns.
// 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} />
}