nextjs15-init_skill

Overview

This skill scaffolds a new Next.js 15 project using the App Router and a modern frontend stack. It interactively asks for a domain (Todo/Blog/Dashboard/E-commerce/Custom), folder and project names, and a stack preset, then generates a ready-to-run TypeScript + Tailwind app with sensible defaults. The output includes domain-specific CRUD boilerplate, Zustand stores, Zod validation, optional ShadCN UI and Tanstack Query integration, plus linting and build verification.

How this skill works

The skill prompts for domain, folder/project names, and a stack preset (Essential/Minimal/Full/Custom). It runs create-next-app with App Router and TypeScript, installs selected packages, creates domain-specific app, components, lib/stores, and lib/validations files, and configures ShadCN when requested. Finally it runs lint and build checks and guides you to fix errors until ESLint and production build succeed.

When to use it

• You want a fast bootstrap for Todo, Blog, Dashboard, or E-commerce apps with App Router and TypeScript.
• You need boilerplate for CRUD APIs, client/server state management, and reusable UI components.
• You want opinionated defaults (ShadCN, Zustand, Tanstack Query) but flexible presets and custom stacks.
• You prefer a guided, interactive setup that enforces linting and successful production build before finishing.

Best practices

• Pick Essential or Full Stack for most apps; Minimal for tiny prototypes.
• Use Custom option to define precise entities and validation schemas with Zod for type safety.
• Run npm run lint and npm run build immediately and resolve all TypeScript/ESLint issues before adding features.
• Add 'use client' only to components that need hooks; keep server components server-side for performance.
• Use aliases (tsconfig paths) for clean imports and consistent module resolution.

Example use cases

• Create a Todo app with list, detail, filter, Zustand store, Zod validation and full CRUD API.
• Spin up a Blog/CMS scaffold with post editor, slug-based pages, search, and publishing workflow.
• Generate an Admin Dashboard with charts, user management APIs, and paginated tables.
• Bootstrap an E-commerce storefront with product listing, cart store, orders API and product validations.
• Define a Custom entity (e.g., Product or Event) with fields, CRUD pages, and type-safe validations.