skills.rest
Aiden-Kwak
Aiden-KwakCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

nextjs15-init

Scaffold Next.js 15 App Router projects with TypeScript and domain templates.

Updated Feb 25, 2026
Search Tags:#typescript#scaffolding#nextjs#tailwind#shadcn#app-router
One-click install
npx skills add https://github.com/Aiden-Kwak/My-Claude-Agents --skill nextjs15-init-aiden-kwak
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs15-init
Source: https://github.com/Aiden-Kwak/My-Claude-Agents/tree/main/.claude/skills/nextjs15-init
Command: npx skills add https://github.com/Aiden-Kwak/My-Claude-Agents --skill nextjs15-init-aiden-kwak

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the setup of a full Next.js 15 App Router project with modern tooling (ShadCN, Zustand, Tanstack Query, Drizzle ORM, and more), eliminating repetitive boilerplate and configuration.

Core Features & Use Cases

  • Scaffolds a Next.js 15 App Router project with TypeScript, Tailwind, and a modern UI stack.
  • Provides domain templates (Todo, Blog, Dashboard, E-commerce, Custom) with ready-to-use boilerplate, APIs, and pages.
  • Validates code quality and builds (linting and production build) to ensure production readiness.

Quick Start

Provide the domain and preset to generate a complete, ready-to-run Next.js 15 app with the selected features.

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 Next.js 15 App Router project with TypeScript and Tailwind?▼

You can scaffold a Next.js 15 App Router project by providing your desired domain and preset. This generates a ready-to-run application with TypeScript strict mode, Tailwind, and linting pre-configured.

What is the best way to set up a Next.js project with Shadcn, Zustand, and Tanstack Query?▼

The best way to set up a Next.js project with Shadcn, Zustand, and Tanstack Query is using a domain-based template. This automatically configures the modern UI stack and state management, eliminating repetitive boilerplate.

Can I generate a Next.js e-commerce or dashboard boilerplate with Drizzle ORM?▼

Yes, you can generate a Next.js e-commerce or dashboard boilerplate with Drizzle ORM. The scaffolder provides domain-based templates for Todo, Blog, Dashboard, E-commerce, and Custom use cases with ready-to-use APIs.

Does the Next.js 15 scaffold enforce production builds and linting?▼

Yes, the Next.js 15 scaffold enforces production builds and linting. It validates code quality and runs production builds to ensure your generated App Router project is immediately ready for deployment.

What domain templates are available for Next.js 15 App Router scaffolding?▼

Available domain templates for Next.js 15 App Router scaffolding include Todo, Blog, Dashboard, E-commerce, and Custom. These presets provide ready-to-use boilerplate, pages, and APIs to cover common use cases.

Related Skills

Explore More Software Engineering Skills→
Young-ZYoung-Z
8

x-ipe-task-based-dev-environment

Initializes a development environment by selecting a Python or Node.js tech stack and scaffolding a standard project structure.

Community
Advanced
aberrantCodeaberrantCode
1

supabase-nextjs

Configure Next.js App Router projects with Supabase authentication and Drizzle ORM.

Community
Advanced
codethreadcodethread

lang-react

Move complex logic from React components into external Zustand, XState, or TanStack Query stores.

Community
Advanced
catalinakarstulovic2-aicatalinakarstulovic2-ai

shadcn-ui

Generate copy-paste React UI components styled with Tailwind CSS.

Community
Advanced