skills.rest
dayoumin
dayouminCOMMUNITY
Explore all skills by this author →
GitHub

nextjs15-init

Generate a Next.js 15 App Router project with TypeScript, Tailwind, and ShadCN/ui.

Updated Aug 23, 2026
Search Tags:#web development#full-stack#TypeScript#Next.js#boilerplate#App Router#project scaffolding
One-click install
npx skills add https://github.com/dayoumin/Skills --skill nextjs15-init-dayoumin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs15-init
Source: https://github.com/dayoumin/Skills/tree/main/.claude/skills/nextjs15-init
Command: npx skills add https://github.com/dayoumin/Skills --skill nextjs15-init-dayoumin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the complex and time-consuming setup of modern Next.js 15 projects. It automates the integration of popular libraries like ShadCN, Zustand, Tanstack Query, and Drizzle ORM, ensuring a robust and production-ready foundation from day one.

Core Features & Use Cases

  • Domain-Driven Project Generation: Choose from Todo, Blog, Dashboard, E-commerce, or custom domains for tailored app structures.
  • Modern Stack Presets: Select Minimal, Essential, Full Stack, or Custom presets to include UI (ShadCN), state management (Zustand, Tanstack Query), ORM (Drizzle), and authentication (Better Auth).
  • Automated Quality Checks: Ensures generated projects pass ESLint and build checks, guaranteeing code quality and type safety.
  • Use Case: Quickly start a new e-commerce platform. Select the "E-commerce" domain and "Full Stack" preset, and the skill will scaffold the entire project with product listings, cart, orders, and a modern tech stack.

Quick Start

Ask Claude to "Create a new Next.js 15 project for a Todo app using the Essential stack preset."

Frequently Asked Questions about nextjs15-init

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

FAQPage Schema
How do I set up a Next.js 15 project with TypeScript and modern tooling?▼

Set up a Next.js 15 project by selecting your domain (Todo, Blog, Dashboard, E-commerce, or custom), choosing a stack preset (Minimal, Essential, Full Stack, or Custom), and the Skill scaffolds the entire project with TypeScript, Tailwind, ShadCN/ui, Zustand, Tanstack Query, Drizzle ORM, ESLint validation, and a successful build in minutes.

Can I use ShadCN/ui, Zustand, and Drizzle ORM together in a Next.js 15 app?▼

Yes, this Skill integrates ShadCN/ui for components, Zustand for state management, Tanstack Query for data fetching, and Drizzle ORM for database access into a cohesive Next.js 15 App Router project, eliminating manual configuration and ensuring compatibility.

What's included in the Full Stack preset for a Next.js 15 project?▼

The Full Stack preset includes ShadCN/ui components, Zustand state management, Tanstack Query for server state, Drizzle ORM for database operations, Better Auth for authentication, ESLint configuration, TypeScript strict mode, and domain-specific APIs and components ready to extend.

How do I generate a project scaffold for a specific domain like e-commerce?▼

Choose your domain during setup—Todo, Blog, Dashboard, E-commerce, or custom—and the Skill generates a pre-structured project with domain-specific folder organization, API routes, and components tailored to that use case, saving weeks of boilerplate work.

Does the generated Next.js 15 project pass TypeScript and ESLint checks automatically?▼

Yes, the Skill generates projects configured with TypeScript strict mode and ESLint validation built in, and verifies all generated code passes type checking and linting before delivery, guaranteeing code quality from day one.

Can I customize the stack preset or create my own technology selection?▼

Yes, beyond Minimal, Essential, and Full Stack presets, you can select a Custom preset to pick and mix individual libraries—UI frameworks, state managers, ORMs, and authentication tools—tailored to your project requirements.

Related Skills

Explore More Software Engineering Skills→
eai-toolseai-tools

gofer:eai-first-run

Prepares a machine or repository for the first EAI Gofer app build by automating prerequisites, CLI install/login/tenant/project setup, Gofer scaffold verification, and generating a first-run report.

Official
Advanced
faw01faw01
18

expo-api-routes

Implement server-side API routes in Expo Router projects with EAS Hosting.

Community
Intermediate
Tonybleything76Tonybleything76

SaaS Scaffolder

Generate a full-stack SaaS scaffold with Next.js 14+, TypeScript, and Tailwind CSS.

Community
Advanced
stahurastahura
19

da-cli

Scaffold Domo apps with Vite, React, and TypeScript boilerplate.

Community
Intermediate