# Support Center

> ikas Support Center

This document contains the full content of all documentation pages for AI consumption.

---

## Components

**URL:** https://support.ikas.de/docs/components
**Description:** Pre-built MDX components for beautiful documentation

Unmint includes a rich set of MDX components that you can use in your documentation pages.

## Cards

Use cards to highlight links or features:

  

### Available Icons

Cards support these built-in icons: `rocket`, `code`, `book`, `gear`, `plug`, `terminal`.

## Callouts

Callouts draw attention to important information:

## Steps

Use steps for sequential instructions:

  

## Tabs

Organize related content into tabs:

  

## Accordions

Collapse content that isn't always needed:

---

## Customization

**URL:** https://support.ikas.de/docs/customization
**Description:** Advanced customization options

## Navigation Structure

Edit `content/docs/meta.json`:

```json
{
  "pages": [
    "index",
    "quickstart",
    "---Getting Started---",
    "installation"
  ]
}
```

- **Page references**: Filename without `.mdx`
- **Separators**: `"---Section Name---"` for headers

## Adding Components

Create custom MDX components in `app/components/docs/mdx/`:

```tsx
export function MyComponent({ children }) {
  return <div className="my-component">{children}</div>
}
```

Then register in `app/components/docs/mdx/index.tsx`.

---

## Deployment

**URL:** https://support.ikas.de/docs/deployment
**Description:** Deploy your docs to Vercel, Netlify, or any static host

Unmint can be deployed anywhere that supports Next.js.

## Vercel (Recommended)

  
  

## Build Commands

```bash
npm run dev      # Development
npm run build    # Production build
npm run start    # Start production server
```

---

## Welcome to Unmint

**URL:** https://support.ikas.de/docs
**Description:** A free, open-source Mintlify-style documentation system

Welcome to **Unmint** — a beautiful, customizable documentation system built with [Next.js](https://nextjs.org), [Fumadocs](https://fumadocs.vercel.app), and more (see [Built With](#built-with) below).

  
  
  

## What is Unmint?

Unmint is a **free and open-source** alternative to paid documentation platforms like Mintlify. It provides:

- **Beautiful out-of-the-box styling** that looks professional without customization
- **Full MDX support** with pre-built components (cards, callouts, tabs, steps, etc.)
- **Built-in search** powered by Fumadocs
- **Dynamic OG images** generated automatically for social sharing
- **Dark mode** with seamless theme switching
- **Easy customization** through a simple theme configuration file

## Why Unmint?

| Feature | Unmint | Typical SaaS |
|---------|--------|--------------|
| Cost | Free | $50-500/mo |
| Customization | Full control | Limited |
| Data ownership | 100% yours | Hosted |
| Self-hosted | Yes | No |
| Open source | Yes | No |

## Getting Started

```bash
# Clone the repository
git clone https://github.com/gregce/unmint.git my-docs

# Install dependencies
cd my-docs
npm install

# Start development server
npm run dev
```

Then open [http://localhost:3000](http://localhost:3000) to see your docs.

## Built With

Unmint is built on top of excellent open-source projects:

---

## Quick Start

**URL:** https://support.ikas.de/docs/quickstart
**Description:** Get your documentation site up and running in under 5 minutes

This guide will help you set up Unmint and create your first documentation page.

## Prerequisites

Before you begin, make sure you have:

- **Node.js 18+** installed
- **npm** or **pnpm** package manager
- A code editor (VS Code recommended)

## Installation

  

  

  

## Project Structure

Here's an overview of the key directories:

```
my-docs/
├── app/                    # Next.js app directory
│   ├── docs/              # Documentation routes
│   └── components/        # UI components
├── content/
│   └── docs/              # Your MDX documentation files
│       ├── index.mdx      # Homepage
│       └── meta.json      # Navigation structure
├── lib/
│   └── theme-config.ts    # Customize your theme here
└── public/                # Static assets
```

## Adding Navigation

Edit `content/docs/meta.json` to configure your sidebar navigation:

```json
{
  "title": "Documentation",
  "pages": [
    "index",
    "quickstart",
    "---Getting Started---",
    "installation",
    "configuration"
  ]
}
```

## Next Steps

---

## Theming

**URL:** https://support.ikas.de/docs/theming
**Description:** Customize colors, fonts, and branding

All theming options are centralized in `lib/theme-config.ts`.

## Site Configuration

```typescript
export const siteConfig = {
  name: 'My Docs',
  description: 'Documentation for My Project',
  url: 'https://docs.example.com',
  logo: { src: '/logo.png', alt: 'My Project', width: 32, height: 32 },
  links: {
    github: 'https://github.com/your-org/your-repo',
  },
}
```

## Accent Colors

Customize your accent color:

```typescript
export const themeConfig = {
  colors: {
    light: { accent: '#0891b2' },
    dark: { accent: '#22d3ee' },
  },
}
```

## CSS Variables

Available variables: `--accent`, `--accent-foreground`, `--accent-muted`.

---

## Links

- [Discord](https://discord.gg/your-invite)
- [Support](mailto:support@ikas.de)