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

# Changelogs

> Create product update announcements and version history

<Callout icon="link-horizontal" color="#2fbe1f">**Configuration File:** `config/changelogs.ts`</Callout>

**Why changelogs matter:** They show customers you're actively improving your service, build trust, and keep your community engaged.

## Configuration Options

## Hero Section

```typescript theme={null}
hero: {
  title: "What's new at",        // First part of title
  highlight: "Latch",             // Highlighted word (brand color)
  subtitle: "Track our latest features, improvements, and bug fixes.",
  backgroundImage: "https://...", // Hero background image
  stats: [
    { label: "Total Updates", value: "50+" },
    { label: "This Month", value: "4" },
    { label: "Features Added", value: "120+" },
  ],
}
```

**Customization tips:**

* Update stats monthly for accuracy
* Use achievements that show momentum
* Choose a tech-themed background image

**Stat examples:**

```typescript theme={null}
{ label: "Total Updates", value: "50+" }
{ label: "This Year", value: "24" }
{ label: "Features Added", value: "120+" }
{ label: "Bugs Squashed", value: "500+" }
{ label: "Uptime", value: "99.9%" }
```

## Version Types

Three version types with different styling:

```typescript theme={null}
// Major Release (Big updates)
type: "major"
// Examples: 2.0.0, 3.0.0
// Color: Purple
// Use for: Major features, redesigns, breaking changes

// Minor Release (New features)
type: "minor"
// Examples: 2.1.0, 2.2.0
// Color: Blue
// Use for: New features, enhancements

// Patch Release (Bug fixes)
type: "patch"
// Examples: 2.1.1, 2.1.2
// Color: Green
// Use for: Bug fixes, small improvements
```

**Version numbering:**

* **MAJOR.MINOR.PATCH** (e.g., 2.4.1)
* **MAJOR:** Breaking changes, major overhauls
* **MINOR:** New features, backwards-compatible
* **PATCH:** Bug fixes, minor tweaks

## Change Categories

Organize updates into categories:

```typescript theme={null}
changes: [
  {
    category: "New Features",      // Category name
    icon: "Sparkles",              // Icon from lucide.dev
    color: "blue",                 // Icon color
    items: [
      "Feature 1 description",
      "Feature 2 description",
    ],
  },
  {
    category: "Improvements",
    icon: "TrendingUp",
    color: "green",
    items: [
      "Improvement 1",
      "Improvement 2",
    ],
  },
  {
    category: "Bug Fixes",
    icon: "Wrench",
    color: "orange",
    items: [
      "Fixed issue X",
      "Resolved problem Y",
    ],
  },
]
```

**Common categories:**

| **Category**     | **Icon**        | **Color** | **Use For**              |
| :--------------- | :-------------- | :-------- | :----------------------- |
| New Features     | `Sparkles`      | `blue`    | New functionality        |
| Improvements     | `TrendingUp`    | `green`   | Enhancements             |
| Bug Fixes        | `Wrench`        | `orange`  | Fixes                    |
| Security         | `Shield`        | `purple`  | Security updates         |
| Breaking Changes | `AlertTriangle` | `red`     | Non-backwards compatible |
| Deprecations     | `XCircle`       | `yellow`  | Features being removed   |
| Performance      | `Zap`           | `cyan`    | Speed improvements       |

**Available colors:** `blue`, `green`, `orange`, `purple`, `red`, `yellow`, `cyan`, `pink`