# <!-- Powered by BMAD™ Core -->
name: nextjs-project-setup
title: Next.js Project Setup & Configuration
description: Complete workflow for setting up a new Next.js project with TypeScript, Tailwind CSS, ESLint, and Prettier
version: 1.0.0

tasks:
  - name: project-initialization
    title: Initialize Next.js Project
    description: Create new Next.js project with TypeScript template
    inputs:
      - name: project_name
        type: text
        required: true
        description: Name of the Next.js project
      - name: use_app_router
        type: boolean
        default: true
        description: Use Next.js 14 App Router (recommended)
    outputs:
      - name: project_structure
        description: Initial project structure and configuration files

  - name: tailwind-setup
    title: Configure Tailwind CSS
    description: Set up and configure Tailwind CSS with custom configuration
    depends_on: [project-initialization]
    outputs:
      - name: tailwind_config
        description: Tailwind configuration and CSS files

  - name: eslint-prettier-setup
    title: Configure ESLint & Prettier
    description: Set up code formatting and linting tools
    depends_on: [project-initialization]
    outputs:
      - name: linting_config
        description: ESLint and Prettier configuration files

  - name: folder-structure
    title: Organize Project Structure
    description: Create organized folder structure following Next.js best practices
    depends_on: [project-initialization]
    outputs:
      - name: organized_structure
        description: Properly structured project directories

  - name: environment-setup
    title: Environment Configuration
    description: Set up environment variables and configuration
    depends_on: [project-initialization]
    outputs:
      - name: env_config
        description: Environment configuration files

agents: [nextjs-architect, typescript-specialist, tailwind-designer]