Next.js App Router ProVerified Creator

• references/
• SKILL.mdopen
• README.mdopen

name:

Next.js App Router Pro

slug:

nextjs-app-router-pro

version:

v14.2.0

license:

MIT

author:

@vercel-labs

categories:

FrontendFullstack

tags:

#nextjs#react#typescript#app-router#vercel#server-components

description:

Full-stack Next.js 14 App Router: server components, actions, streaming, and ISR.

// What you can do with it

• Routing & layouts: generates nested layouts, route groups (group), dynamic segments [id], catch-alls [...slug], plus loading, error, and not-found boundaries.
• Server Components by default: keeps async/await data fetching on the server and adds "use client" only where interactivity actually needs it.
• Server Actions: functions marked "use server", called from forms via the action prop or useActionState, with cache invalidation through revalidatePath, revalidateTag, and cookies()/headers() access.
• Streaming: wraps slow subtrees in and uses loading.tsx for route-level streaming.
• Caching & ISR: sets export const revalidate, dynamic, and fetchCache segment options, and tags fetches with next: { tags, revalidate }.
• Route Handlers & Edge: writes app/api/.../route.ts (GET/POST exports) and export const runtime = "edge" where appropriate.