> ## Documentation Index
> Fetch the complete documentation index at: https://docs.moorcheh.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Chat Boilerplate Overview

> A Next.js boilerplate for building AI-powered chat applications with Moorcheh AI integration

## What is the Chat Boilerplate?

The Moorcheh Chat Boilerplate is a comprehensive Next.js application template designed to help you quickly build AI-powered chat applications. It comes pre-configured with Moorcheh AI integration, customizable themes, fonts, and a complete branding system.

## Key Features

<CardGroup cols={2}>
  <Card title="Next.js 15 & React 19" icon="code">
    Built with the latest Next.js and React for optimal performance and developer experience
  </Card>

  <Card title="Moorcheh AI Integration" icon="brain">
    Pre-configured API integration with easy setup and configuration
  </Card>

  <Card title="10+ Customizable Themes" icon="palette">
    Beautiful themes with Tailwind CSS for instant visual customization
  </Card>

  <Card title="30+ Google Fonts" icon="font">
    Extensive typography options with Next.js font optimization
  </Card>

  <Card title="Interactive Setup" icon="wand-magic-sparkles">
    4-step setup flow with live preview and automatic configuration
  </Card>

  <Card title="Complete Branding System" icon="building">
    Full branding customization via appearance.json configuration
  </Card>
</CardGroup>

## Quick Start

Get started with your chat application in just a few commands:

```bash theme={null}
# Create a new project
npx moorcheh-chat-boilerplate

# Navigate to your project
cd your-project-name

# Install dependencies
npm install

# Start development server
npm run dev
```

## Project Structure

The boilerplate provides a well-organized project structure:

```
your-project/
├── app/                    # Next.js pages
├── components/             # React components
│   ├── chat/              # Chat components
│   └── ui/                # UI components
├── config/                 # API configuration
├── customize/              # Themes and fonts
├── hooks/                  # React hooks
├── lib/                    # Utilities
└── public/                 # Static files
```

## What's Included

* **Pre-built chat components** ready to use out of the box
* **Moorcheh AI integration** with easy configuration
* **Interactive setup flow** with live preview
* **Complete theming system** with 10+ beautiful themes
* **Typography system** with 30+ Google Fonts
* **Branding configuration** for complete customization
* **Responsive design** that works on all devices
* **TypeScript support** for better development experience

## Next Steps

<Steps>
  <Step title="Installation">
    Follow our [installation guide](/integrations/chat-boilerplate/installation) to set up your project
  </Step>

  <Step title="Configuration">
    Configure your API settings and branding using our [configuration guide](/integrations/chat-boilerplate/configuration)
  </Step>

  <Step title="Customization">
    Customize themes, fonts, and branding to match your brand
  </Step>

  <Step title="Deployment">
    Deploy your application using our [deployment guide](/integrations/chat-boilerplate/deployment)
  </Step>
</Steps>

## Support

Need help getting started? Check out our comprehensive documentation or reach out to our support team.

<Card title="Get Help" icon="question-mark-circle" href="mailto:support@moorcheh.ai">
  Contact our support team for assistance
</Card>