KANTO DS v1.12.0
Customise

Theme

Accent

Font

Corners

Density

Text size

Reset to Kanto
Templates

Changelog

GitHub Copy link

A product's release notes: every release by kind, a page for each, email and RSS.

Demo

Live demo
Changelog

The frame is the template itself, running. Everything in it works.

What to try

  • Show only what was Fixed, then everything again.
  • Open a release from its version, then step to the one before and after.
  • Subscribe with any address — one ending in @example.com is on the list already.
  • Open RSS: the feed the releases make.

Start a project

npm create kanto@latest my-app -- --template changelog --stack react

Or fork it as it is, without the tool:

npx degit MrArnaudMichel/kanto/templates/changelog-react my-app

What is inside

Northwind's public release notes: every release newest first, each change marked New, Improved or Fixed; a filter by kind; a page per release with the ones either side; a form to get them by email; and an RSS feed.

The releases are data, in src/content.ts. The feed is built from the same data by src/rss.ts and served as public/rss.xml — a test keeps the two equal.

Route What it shows
/ Every release, newest first, with the filter by kind.
/releases/<version> One release, and the ones either side.
rss.xml The feed, beside the page.
To change first What it holds
src/content.ts The releases, and everything the page says.
src/rss.ts The feed. Write public/rss.xml again after a release.
src/actions.ts The email sign-up. Call your email provider here.
src/brand.ts The brand, in one call.

Components