nextjs-page-generator

Generate Next.js 13+ pages with the App Router by specifying your feature or entity (e.g., users, products). The Skill creates properly structured `app/` directories with Server Components, Client Components, dynamic routes (`[id]/page.tsx`), and API routes with data fetching and validation, following modern Next.js best practices.

Yes. The Skill generates API routes (GET/POST handlers) with built-in validation using patterns like Zod. API routes are created in `api/` subdirectories with proper error handling, request validation, and response formatting for your Next.js application.

Server and Client Components are scaffolded together automatically. The Skill generates Server Components for data fetching with `revalidate` settings for ISR, and Client Components for interactivity, ensuring correct composition and eliminating boilerplate across your feature structure.

Yes. The Skill generates dynamic routes with parameters, applies metadata and revalidation settings, and includes proper loading and error boundary states. This supports complex routing patterns and SEO requirements in Next.js 13+ applications.

Yes. The Skill generates full feature pages including list views (Server Components with fetch), detail pages (dynamic routes), and corresponding API endpoints, all configured with appropriate data fetching strategies, TypeScript types, and error handling.

The Skill combines ISR (Incremental Static Regeneration with `revalidate`) in Server Components with Client Components for user interactions. This hybrid approach optimizes performance while maintaining dynamic UI responsiveness across your generated pages.