Next.js

The Next.js widget allows you to embed your changelog directly into your Next.js application with full server-side rendering (SSR) support for optimal SEO.
The widget requires Next.js 14 or later and is designed to work with the App Router.

Installation

You can install the package with your preferred package manager:

npm install @openchangelog/next
# or
yarn add @openchangelog/next
# or
pnpm add @openchangelog/next

Quick Start

You can embed your changelog by using the exported Changelog server component.

import { Changelog } from "@openchangelog/next"

export default function Page() {
  return (
    <Changelog
      workspaceID="ws_xxxx"  // when using Openchangelog cloud
      changelogID="cl_xxxx"  // when using Openchangelog cloud
      theme="dark"           // or light
    />
  );
}

When self-hosting Openchangelog you need to specify the baseUrl property to point to your self-hosted instance.