headlesscms.org

️ headlesscms.org を jamstack.org/headless-cms/ に移動しました。

https://github.com/jamstack/jamstack.org/ で貢献することも、http://jamstack.slack.com/ で Slack に参加することもできます。

---

headlesscms.org

headlesscms.org は、トップのオープンソース静的サイト コンテンツ管理システムのリーダーボードです。

貢献する

ここにヘッドレス CMS がありませんか?リポジトリをフォークし、 content/projectsフォルダーに<name>.mdとして追加するだけです。

次のルールに従ってください。

• 真のヘッドレス:これは、CMS がコンテンツとデータを操作する必要があり、サイトの構築を担当できないことを意味します。
• Jamstack: CMS は、JavaScript、API、マークアップなどの Jamstack 手法で動作する必要があります。
• 形式にこだわります: content/projects内の他の CMS と同じフィールドをすべて入力します。
• 短い説明:本文の詳細はすべて残し、概要ページの説明は短く分かりやすいものにしてください。

使用法

最新のノードと npm がインストールされていることを確認してから、このリポジトリのクローンを作成して、次を実行します。

npm install
npm start

Twitter のフォロワーと GitHub スターを正常に取得するには、両方のサービスの認証キーが必要です。

GitHub の場合は、Gist を作成する権限を持つ個人アクセス トークンが必要です。これは https://github.com/settings/tokens で生成できます。 Twitter の場合、https://apps.twitter.com でアプリケーションを作成して、必要なトークンを取得する必要があります。デプロイ時には、以下の例に従って環境変数を設定する必要があります。ローカルで開発している場合は、リポジトリのルートにある.envファイルでこれらを設定できます。

 HEADLESS_CMS_GITHUB_TOKEN=examplekey123abc
HEADLESS_CMS_TWITTER_CONSUMER_KEY=examplekey231abc
HEADLESS_CMS_TWITTER_CONSUMER_SECRET=examplekey321abc
HEADLESS_CMS_TWITTER_ACCESS_TOKEN_KEY=examplekey231abc
HEADLESS_CMS_TWITTER_ACCESS_TOKEN_SECRET=examplekey321abc

GitHub と Twitter のデータは.tmpディレクトリにキャッシュされ、オンラインでは Gist に保存されます。どちらにも 24 時間以上前のデータがない場合は、GitHub と Twitter から新しいデータが取得されます。キャッシュの取得はビルド中に自動的に行われます。

次に、http://localhost:3000/ にアクセスします。変更が発生すると、React Static が自動的にリロードされます。

運用ビルドをローカルでテストするには、次の手順を実行します。

npm run stage
npm run serve

デプロイメント用の実稼働ビルドを実行するには:

npm run build

ネットリファイ

headlesscms.org は、静的な Web サイトとアプリのホスティングおよび自動化サービスである Netlify によって構築および維持されています。

ライセンス

このプロジェクトは MIT ライセンスに基づいてライセンスされています。