Skip to main content
Configure at config/changelogs.ts
Why changelogs matter: They show customers you’re actively improving your service, build trust, and keep your community engaged.

Configuration Options

Hero Section

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:
{ 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:
// 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:
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:
CategoryIconColorUse For
New FeaturesSparklesblueNew functionality
ImprovementsTrendingUpgreenEnhancements
Bug FixesWrenchorangeFixes
SecurityShieldpurpleSecurity updates
Breaking ChangesAlertTriangleredNon-backwards compatible
DeprecationsXCircleyellowFeatures being removed
PerformanceZapcyanSpeed improvements
Available colors: blue, green, orange, purple, red, yellow, cyan, pink