autohandai/skillpack-nextjs-app-router

nextjs-data-caching

Chooses and applies the right data fetching and caching approach in a Next.js 16 App Router project, covering Cache Components ('use cache', cacheLife, cacheTag), the earlier fetch and segment config model, Suspense streaming, and revalidation. Use when data…

nextjs-routes-layouts

Adds or restructures routes in a Next.js App Router project (Next.js 16), including pages, layouts, dynamic segments, route groups, loading and error boundaries, and not-found pages. Use when creating a new page or section under app/, moving routes, adding a…

nextjs-server-actions

Writes Next.js App Router Server Actions (Server Functions) that authenticate, authorize and validate input with a schema before mutating data, then revalidate and redirect correctly. Use when adding a form submit, a mutation, a delete button, or when…

nextjs-testing

Sets up and writes tests for a Next.js App Router project, with Vitest and React Testing Library for components and server logic, and Playwright for end-to-end flows including async Server Components. Use when adding test tooling to a Next.js app, writing…