payloadcms/payload

これは何？

主な機能

• 01Next.jsネイティブで、既存の/appフォルダ内にインストール可能
• 02React Server Components内からデータベースを直接クエリ
• 03データ定義からTypeScriptの型を自動生成
• 04認証、バージョン管理と下書き、ローカライズを標準搭載
• 05Lexicalリッチテキストエディターとブロックベースのレイアウトビルダー
• 06ドキュメント単位・フィールド単位のフックを備えたきめ細かなアクセス制御

ユースケース

• コンテンツ管理バックエンドを備えたマーケティングサイトやブログの構築
• ヘッドレスCMSとカスタムフロントエンドを使ったECストアの作成
• 既存のNext.jsアプリケーションへの管理画面とAPIの追加
• VercelやCloudflareでのサーバーレスコンテンツアプリのデプロイ

クイックスタート

1. 1

   必要なソフトウェアがインストールされていることを確認してください（ドキュメントを参照）

2. 2

   スキャフォールディングツールを使って新しいPayloadアプリを作成します

   pnpx create-payload-app@latest
3. 3

   または、Tailwindのフロントエンドが含まれるウェブサイトテンプレートから始めます

   pnpx create-payload-app@latest -t website

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

• !開始前にNode.jsとpnpmをセットアップする必要があります。

トピック

よくある質問

payload とは？

TypeScriptバックエンドとカスタマイズ可能なReact管理画面を備えた、Next.jsネイティブのオープンソースヘッドレスCMS・アプリケーションフレームワーク。 Payloadは、Next.js上に構築されたヘッドレスCMS兼アプリケーションフレームワークです。既存の/appフォルダに直接インストールできるため、管理画面、API、フロントエンドを同じプロジェクト内にまとめられます。React Server Components内でデータを直接クエリでき、コレクション定義から型が自動生成されます。

payload は無料で使えますか？ライセンスは？

payload は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

payload は今もメンテナンスされていますか？

活発にメンテナンス中。payload の最終コミットは 2026年10月21日 です。

payload は何に使えますか？

コンテンツ管理バックエンドを備えたマーケティングサイトやブログの構築 ヘッドレスCMSとカスタムフロントエンドを使ったECストアの作成 既存のNext.jsアプリケーションへの管理画面とAPIの追加 VercelやCloudflareでのサーバーレスコンテンツアプリのデプロイ

payload のインストール方法は？

必要なソフトウェアがインストールされていることを確認してください（ドキュメントを参照） スキャフォールディングツールを使って新しいPayloadアプリを作成します: pnpx create-payload-app@latest または、Tailwindのフロントエンドが含まれるウェブサイトテンプレートから始めます: pnpx create-payload-app@latest -t website

payload はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/payloadcms/payload