payload
Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
Next.jsに直接組み込める、Webサイトやアプリのコンテンツを管理・編集できるシステム（CMS）です。
・企業：既存のNext.jsプロジェクトにCMSを統合でき、マーケティング担当者がコードに触れずにWebサイトのコンテンツを更新できる環境を構築できます。 ・スタートアップ：VercelやCloudflareにワンクリックでデプロイでき、ECサイトやブログをすぐに立ち上げられます。 ・個人事業主・フリーランス：WordPressに代わるモダンなCMSとして、ポートフォリオサイトやブログを自由にカスタマイズして運用できます。
ContentfulやSanityなどの有料CMSはコンテンツ量やAPIリクエストに応じて課金されますが、Payloadは自分のサーバーで無料運用でき、フロントエンドとバックエンドを同じプロジェクト内で管理できるため開発効率が大幅に向上します。
[!IMPORTANT] このリポジトリにスターを付けるか、ウォッチしてフォローしてください。
Payloadは、既存の /app フォルダに直接インストールできる、史上初のNext.jsネイティブCMSです。ヘッドレスCMSの新時代の幕開けです。
クイックスタート
Payloadを使い始める前に、必要なソフトウェアがすべて揃っていることを確認してください。
pnpx create-payload-app@latest
Payloadが初めての方は、websiteテンプレートから始めることをお勧めします（pnpx create-payload-app@latest -t website）。カスタムリッチテキストブロック、オンデマンド再検証、ライブプレビューなど、_すべて_の方法を示しています。Tailwindで構築されたフロントエンドが1つの /app フォルダにまとまっています。
ワンクリックデプロイオプション
VercelとCloudflare経由でPayloadをワンクリックでサーバーレスデプロイできます。面倒な配管作業なしに必要なものがすべて揃います。
Cloudflareにデプロイ
完全自己完結型 — ワンクリックでWorkers、アップロード用のR2、グローバルレプリケーションデータベース用のD1と共にPayloadをデプロイできます。
Vercelにデプロイ
Vercelでオールインワン — ワンクリックでNext.jsフロントエンド、Neonデータベース、メディアストレージ用のVercel Blobと共にPayloadをデプロイできます。
ワンクリックテンプレート
すぐに使えるテンプレートで次のプロジェクトをすばやく開始しましょう。これらは市場投入を加速するために設計された本番対応のエンドツーエンドソリューションです。React Server ComponentsとTailwindで構築されたモダンなフロントエンドを備えた、あらゆる種類のウェブサイト、ECサイト、ブログ、ポートフォリオを構築できます。
🌐 ウェブサイト
🛍️ Eコマース 🎉 NEW 🎉
テンプレートディレクトリには常に新しいテンプレートを追加しています。
独自のテンプレートをメンテナンスしている場合は、GitHubリポジトリに payload-template トピックを追加して他の人が見つけられるようにしてください。
🔗 もっと見る：
✨ Payloadの機能
- 完全に無料でオープンソース
- Next.jsネイティブ、あなたの
/appフォルダ内で動作するように構築 - Server Componentsを使用してPayload UIを拡張
- Server Componentsで直接データベースにクエリ可能、REST / GraphQL不要
- 完全なTypeScript対応とデータの自動型生成
- すぐに使える認証機能
- バージョンと下書き
- ローカライゼーション
- ブロックベースのレイアウトビルダー
- カスタマイズ可能なReact管理画面
- Lexicalリッチテキストエディター
- 条件付きフィールドロジック
- 非常にきめ細かいアクセス制御
- Payloadが提供するすべてのアクションに対するドキュメントおよびフィールドレベルのフック
- 非常に高速なAPI
- HTTP-only Cookie、CSRF保護などによる高いセキュリティ
機能をリクエスト
🗒️ ドキュメント
Payloadが提供するすべての機能に関する詳細なドキュメントは、Payloadウェブサイトをご覧ください。
v2からv3への移行をお考えですか？3.0移行ガイドで手順を確認できます。
🙋 コントリビュート
このリポジトリにコントリビュートしたい場合は、contributing.mdの手順に従ってください。
📚 サンプル
サンプルディレクトリは、さまざまな方法でPayloadをセットアップする方法を学ぶための優れたリソースですが、ブログやソーシャルメディアでも素晴らしいサンプルを見つけることができます。
サンプルを実行したい場合は、create-payload-app を使用してプロジェクトを作成できます：
npx create-payload-app --example example_name
その他のサンプルはこちらで確認できます：
🔌 プラグイン
Payloadは非常に拡張性が高く、機能を追加・削除するプラグインをインストールまたは配布できます。公式サポートのプラグインとコミュニティサポートのプラグインの両方があります。独自のプラグインをメンテナンスしている場合は、GitHubリポジトリに payload-plugin トピックを追加して他の人が見つけられるようにすることを検討してください。
🚨 お困りですか？
GitHub DiscussionsボードとDiscordサーバーには、多くの有益な会話やリソースがあります。何かに苦労している場合、誰かがすでに同じ問題を解決している可能性があります。 :point_down: