skills.rest
robinade
robinadeCOMMUNITY
Explore all skills by this author →
GitHub

nextjs15-init

Scaffold Next.js 15 apps with App Router, ShadCN, Zustand, and Tanstack Query.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/robinade/persona-theater --skill nextjs15-init-robinade
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs15-init
Source: https://github.com/robinade/persona-theater/tree/main/.claude/skills/nextjs15-init
Command: npx skills add https://github.com/robinade/persona-theater --skill nextjs15-init-robinade

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the scaffolding of Next.js 15 apps with a modern stack, reducing setup time and ensuring consistency across projects.

Core Features & Use Cases

  • App Router boilerplate: Creates a Next.js 15 App Router structure with TypeScript, Tailwind, and a wired modern UI stack (ShadCN/ui, Zustand, Tanstack Query).
  • Domain boilerplates: Generates ready-to-run templates for common domains (Todo, Blog, Dashboard, E-commerce, Custom) with CRUD scaffolding and API routes.
  • Quality gates: Includes linting, type-safety, and a production-ready build setup to streamline deployment.

Quick Start

To initialize a new project, provide the desired folder and project name, then run:

  • npx create-next-app@latest [folder] --typescript --tailwind --app --use-npm
  • cd [folder]
  • npm i
  • npm run lint
  • npm run dev

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 with App Router, TypeScript, and Tailwind?▼

Scaffolding a Next.js 15 app is automated by this Skill to generate an App Router structure with TypeScript strict mode, Tailwind CSS, ShadCN/ui, Zustand, and Tanstack Query pre-configured.

Can I generate a ready-to-run Dashboard or E-commerce boilerplate in Next.js 15?▼

Yes, you can generate ready-to-run domain boilerplates for Todo, Blog, Dashboard, E-commerce, or Custom templates, complete with CRUD scaffolding and API routes for immediate development.

Does this Next.js 15 scaffolder set up ESLint and production-ready build configurations?▼

Yes, the scaffolder includes quality gates with ESLint readiness, TypeScript type-safety enforcement, and a production-ready build setup to streamline deployment and ensure project consistency.

What is the best way to start a Next.js 15 project using Zustand and Tanstack Query?▼

The best way to start is using this Skill to automate the boilerplate creation, wiring Zustand for state management and Tanstack Query for data fetching directly into the Next.js 15 App Router.

Do I need to manually configure ShadCN/ui when scaffolding a Next.js 15 app?▼

No, manual UI configuration is unnecessary because the scaffolding process automatically wires the modern UI stack, integrating ShadCN/ui seamlessly into the ready-to-build project structure.

Related Skills

timothyfroehlichtimothyfroehlich

pinpoint-typescript

Enforce strict TypeScript patterns and safety checks across a codebase.

Community
Intermediate
findinfinitelabsfindinfinitelabs

react-typescript-frontend

Build a type-safe Chuukese React frontend with Mantine UI v8 and Vite.

Community
Intermediate
jamestorrevillasjamestorrevillas
3

web-artifacts-builder

Build Next.js App Router applications with Zustand state and TanStack Query.

Community
Advanced
FutureAtomsFutureAtoms
1

react-native-2026-boilerplates

Generate React Native boilerplate templates with Expo, NativeWind, and TypeScript.

Community
Intermediate