hunvreus/pagescms

GitHubリポジトリ向けのオープンソースCMS。静的サイトジェネレータと連携してコンテンツを管理できます。

完成アプリ自由に使える · MITWeb・Next.js・フルスタックTypeScript難易度
4,0560 保存
561フォーク49Issue
デモ・公式サイトをひらくpagescms.org

中辛 の解説

TypeScriptで構築され、PostgreSQL、GitHub App認証、環境変数ベースの設定で運用します。難易度は中程度で、ローカル開発にはDocker、npm、基本的なLinuxコマンド知識が必要です。ホスト版のapp.pagescms.orgで即座に試用できますし、ローカルにクローンしてセットアップすれば自前運用も可能です。jekyll、Hugo、Next.js、Astro、VuePress、Docosaurus など主流のSSGに対応しています。

こんなリポジトリです

こんなときに便利です

  • Jekyll、Hugo、Next.jsなど複数のSSGで構築したサイトのコンテンツを一元管理したいとき
  • 技術者以外のチームメンバーがGitHub経由でコンテンツ更新できる環境が必要なとき
  • 既存のGitHubワークフローを保ちながらUIベースのコンテンツ編集機能を追加したいとき

主な機能

GitHub Appベースの認証とリポジトリアクセス複数のSSG(Jekyll、Hugo、Next.js、Astro等)との互換性ホスト版とセルフホスト版の両方の運用形態に対応

ほかとの違い

GitHubをバックエンドとして活用し、既存のSSGビルドパイプラインに最小限の変更で組み込めます。一般的なHeadless CMSと異なり、別のデータベースなしにリポジトリそのものをコンテンツ管理基盤とします。

このリポジトリの作り方

はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

準備するもの

  • PostgreSQL
  • GitHub App
  • Node.js と npm
  • Docker(ローカル開発用)

すぐに始める

  1. リポジトリをクローンします。
git clone https://github.com/pagescms/pagescms.git
cd pagescms
  1. PostgreSQLをDocker上で起動します。
docker run --name pagescms-db -e POSTGRES_USER=pagescms -e POSTGRES_PASSWORD=pagescms -e POSTGRES_DB=pagescms -p 5432:5432 -d postgres:16
  1. 依存パッケージをインストールします。
npm install
  1. .env.localファイルを作成し、データベース接続情報と認証キーを設定します。
DATABASE_URL=postgresql://pagescms:pagescms@localhost:5432/pagescms
BETTER_AUTH_SECRET=your-random-secret
CRYPTO_KEY=your-random-secret
  1. GitHub Appをセットアップヘルパーで作成します。
npm run setup:github-app -- --base-url http://localhost:3000
  1. データベースマイグレーションを実行します。
npm run db:migrate
  1. 開発サーバーを起動します。
npm run dev

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try hunvreus/pagescms

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →

スター推移 · 7日

4,0567日間の増加数を計算するための比較データが不足しています

確認日時

使いやすさ · まねしやすいか

サンプル評点 34/100
  • ゆるいライセンス
  • テストあり
  • サンプル集
  • 最近の更新
  • AGENTS.md
  • llms.txt
  • テンプレート

最近の更新あり · 2023 年に作成

「Web・Next.js・フルスタック」 こういうリポジトリを毎週受け取りませんか?

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか? README にギット飯バッジを貼る
[![깃밥](https://www.gitbap.com/badge/hunvreus/pagescms.svg)](https://www.gitbap.com/r/hunvreus/pagescms)
Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp
方法 ② プラグイン(試用まで)

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る