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.