Adding Patterns

Learn how to add pre-built patterns to accelerate your development

Basic Usage

seanstack add <pattern-type> [name] [options]

Available Pattern Types

component

Add a new React component with TypeScript and styling

seanstack add component Button

page

Add a new Next.js page with routing configured

seanstack add page dashboard

api

Add a new API route with validation and error handling

seanstack add api users

hook

Add a custom React hook with TypeScript

seanstack add hook useAuth

Options

--typescript

Generate TypeScript files (default: true)

--styled

Include styling with Tailwind CSS classes

--test

Generate test files with Jest and React Testing Library