Skip to main content

​
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

Next.js 15 & React 19

Built with the latest Next.js and React for optimal performance and developer experience

Moorcheh AI Integration

Pre-configured API integration with easy setup and configuration

10+ Customizable Themes

Beautiful themes with Tailwind CSS for instant visual customization

30+ Google Fonts

Extensive typography options with Next.js font optimization

Interactive Setup

4-step setup flow with live preview and automatic configuration

Complete Branding System

Full branding customization via appearance.json configuration

​
Quick Start

Get started with your chat application in just a few commands: 
# 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

1

Installation

Follow our installation guide to set up your project
2

Configuration

Configure your API settings and branding using our configuration guide
3

Customization

Customize themes, fonts, and branding to match your brand
4

Deployment

Deploy your application using our deployment guide

​
Support

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

Get Help

Contact our support team for assistance