Implement Next.js 16 App Router patterns with typed params and server actions.
npx skills add https://github.com/JeffKM/pitch-ac --skill nextjs-16-jeffkm
Please help me install this Agent Skill. Skill: nextjs-16 Source: https://github.com/JeffKM/pitch-ac/tree/main/.claude/skills/nextjs-16 Command: npx skills add https://github.com/JeffKM/pitch-ac --skill nextjs-16-jeffkm
This guide helps developers adopt Next.js 16 App Router patterns and best practices, enabling faster, safer implementation of pages, layouts, routes, and server actions.
Start by scaffolding a Next.js 16 App Router project and implement a sample page with params, PageProps, and a server action to demonstrate routing, data fetching, and server/client boundaries.
High-intent search queries and answers about installing and using this skill.
You can implement Next.js 16 Server Actions using the useActionState hook to manage form mutations. This pattern enables progressive enhancement, allowing forms to function without JavaScript while providing type-safe server-side data processing and client-side state updates.
Next.js 16 provides PageProps and LayoutProps helpers to enforce strict typing for route components. By combining these helpers with TypeScript and Promise-based params, you achieve end-to-end type safety across your server and client boundaries.
Structuring server and client boundaries in Next.js 16 involves defining Server Actions at the server boundary and invoking them via useActionState on the client. This maintains robust typing and progressive enhancement while keeping sensitive logic server-side.
Next.js 16 supports proxy and middleware patterns for routing, security, and localization. You can intercept requests at the edge to enforce access controls, rewrite paths based on locale, and apply consistent routing rules before reaching the App Router.
Quanby-IT-SolutionsEnforce Next.js 16 App Router conventions for pages, layouts, and components.
soloamenteConfigure Next.js 16+ caching with cacheComponents for Partial Prerendering.
AtlasRoXGenerates complete TypeScript CRUD stacks with Prisma, Vaadin, and Zod for a given resource.
mgd34msuDevelops full-stack React applications using the Remix framework with nested layouts and routing.
