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:
| 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