nextjs15-init

Automate Next.js 15 App Router project initialization with a modern stack.

905|208|Updated Oct 23, 2025
One-click install
npx skills add https://github.com/bear2u/my-skills --skill nextjs15-init
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs15-init
Source: https://github.com/bear2u/my-skills/tree/main/.claude/skills/nextjs15-init
Command: npx skills add https://github.com/bear2u/my-skills --skill nextjs15-init

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires create-next-app, shadcn, and includes references (resource) components.

What problem does it solve?

This Skill eliminates the complex and time-consuming setup process for new Next.js 15 projects, ensuring a modern, type-safe, and production-ready stack from day one.

Core Features & Use Cases

  • Domain-Driven Scaffolding: Choose from Todo, Blog, Dashboard, E-commerce, or custom domains.
  • Modern Stack Presets: Automatically configures ShadCN, Zustand, Tanstack Query, Drizzle ORM, Better Auth, and Framer Motion.
  • Quality Assurance: Guarantees ESLint and build success for a robust starting point.
  • Use Case: Quickly start a new web application project without worrying about boilerplate, configuration, or integrating multiple libraries.

Quick Start

Create a new Next.js 15 Todo app with the Full Stack preset. Name the folder 'my-todo-app'.

Frequently Asked Questions about nextjs15-init

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new Next.js 15 project with TypeScript and a modern stack?▼

Scaffold a Next.js 15 project by selecting your domain type (Todo, Blog, Dashboard, E-commerce, or custom) to automatically generate App Router structure with TypeScript strict mode, Tailwind CSS, ShadCN UI, Zustand, Tanstack Query, React Hook Form, Zod, Drizzle ORM, and Better Auth pre-configured.

Can I use Next.js 15 with ShadCN UI, Zustand, and Drizzle ORM together?▼

Yes. This Skill initializes Next.js 15 projects with all three integrated: ShadCN for styled components, Zustand for state management, and Drizzle ORM for database operations with PostgreSQL or SQLite support, ensuring compatibility and proper configuration.

What's included when I create a new Next.js project with this Skill?▼

Your project receives domain-specific APIs, components, stores, and validations; TypeScript strict mode enforcement; Tailwind CSS styling; Framer Motion animations; React Hook Form with Zod validation; Better Auth for authentication; and ESLint configuration with build validation.

How does this differ from manually setting up Next.js 15 with multiple libraries?▼

Rather than installing and configuring create-next-app, ShadCN, Zustand, Tanstack Query, Drizzle, and Better Auth separately, this Skill automates the entire process in one step, eliminating configuration errors and ensuring a production-ready stack immediately.

Does this work for different project types like blogs or e-commerce?▼

Yes. Choose from predefined domains—Todo, Blog, Dashboard, or E-commerce—or specify a custom domain to generate scaffolding tailored to your application type with appropriate APIs, components, and store structure.

What quality checks does the generated project include?▼

The scaffolded project passes ESLint validation and builds successfully out of the box, providing a robust foundation without configuration warnings or build errors from day one.