nextjs-codegen

What problem does it solve?

Building robust Next.js 16 apps with App Router, Server/Client Components, and modern tooling is complex and error-prone; this skill automates scaffolding, patterns, and configurations to accelerate production-grade development.

Core Features & Use Cases

• App Router conventions with layouts, pages, loading, and error boundaries
• Server Components by default with client components where needed
• Proxy.ts workflow instead of middleware.ts for Next.js 16
• "use cache" driven caching with cacheLife and revalidation patterns
• Tailwind CSS v4 with CSS-first configuration and OKLCH colors
• shadcn/ui integration and form patterns with React Hook Form + Zod v4
• TanStack Query SSR prefetch + Hydration
• Zustand store pattern for client-side state
• Project scaffolding and end-to-end code-generation patterns
• SSR/Streaming and parallel route support

Quick Start

Apply this skill to a Next.js 16 project to generate production-ready scaffolding and patterns.