Repolode
techulus

techulus/changes-page

Next.jsとSupabaseで構築された、ホスト型の変更履歴ページでプロダクトの更新情報を公開するオープンソースの変更履歴管理アプリ。

代替できる製品:HeadwayBeamer

スター
284
フォーク
9
未解決の Issue
0
最終コミット
2 か月前

これは何?

Changes.Pageは、専用の変更履歴ページでプロダクトの更新情報やリリースノートを公開できるオープンソースの変更履歴ツールです。Next.js、Tailwind CSS、Supabaseで構築されており、バックグラウンドジョブにはInngest、トランザクションメールにはPostmarkを使用します。

このリポジトリはTypeScriptのモノレポで、管理画面のapps/webと、公開用の変更履歴ページを提供するapps/pageの2つのアプリで構成されています。ローカルで実行するには、Node.js 18以降、pnpm、そして付属のサンプルをコピーして用意した.envファイルに認証情報を設定したSupabaseインスタンスが必要です。

セルフホスティングの手順は、リポジトリ内の別ファイルSELF-HOSTING.mdに記載されています。

主な機能

  • 01ホスト型の変更履歴ページでプロダクトの更新情報を公開
  • 021つのモノレポ内に管理アプリと公開用の変更履歴ページを別アプリとして配置
  • 03データの保存にSupabaseを使用
  • 04バックグラウンドジョブをInngestで処理
  • 05トランザクションメールをPostmark経由で配信

ユースケース

  • SaaSプロダクトのリリースノートを公開する
  • 顧客がプロダクトの更新情報を確認できる公開ページを提供する
  • 有料のホスト型サービスを使わずに変更履歴をセルフホストする

クイックスタート

  1. 1

    リポジトリをクローンする

    git clone https://github.com/techulus/changes-page
  2. 2

    依存関係をインストールする

    pnpm install
  3. 3

    apps/web と apps/page にある .env.example を基に .env ファイルを作成し、Supabase の認証情報を追加する

  4. 4

    開発サーバーを起動する

    pnpm dev

使う前に知っておきたいこと

  • 実行には Supabase インスタンスとその認証情報が必要です。
  • 2つのアプリで環境ファイルを設定する必要があるため、セルフホスティングには多少の手間がかかります。
  • Node.js 18 以降と pnpm 8.6.2 以降が必要です。
  • AGPL-3.0 ライセンスのため、改変したネットワーク経由のデプロイではソースコードの開示が必要です。

トピック

よくある質問

changes-page とは?
Next.jsとSupabaseで構築された、ホスト型の変更履歴ページでプロダクトの更新情報を公開するオープンソースの変更履歴管理アプリ。 Changes.Pageは、専用の変更履歴ページでプロダクトの更新情報やリリースノートを公開できるオープンソースの変更履歴ツールです。Next.js、Tailwind CSS、Supabaseで構築されており、バックグラウンドジョブにはInngest、トランザクションメールにはPostmarkを使用します。
changes-page は無料で使えますか?ライセンスは?
changes-page は AGPL-3.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
changes-page は今もメンテナンスされていますか?
半年以内に更新あり。changes-page の最終コミットは 2026年8月21日 です。
changes-page は何に使えますか?
SaaSプロダクトのリリースノートを公開する 顧客がプロダクトの更新情報を確認できる公開ページを提供する 有料のホスト型サービスを使わずに変更履歴をセルフホストする
changes-page のインストール方法は?
リポジトリをクローンする: git clone https://github.com/techulus/changes-page 依存関係をインストールする: pnpm install apps/web と apps/page にある .env.example を基に .env ファイルを作成し、Supabase の認証情報を追加する 開発サーバーを起動する: pnpm dev
changes-page はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/techulus/changes-page

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト