Payload CMS

Payload CMS

The best way to build a modern backend + admin UI. No black magic, all TypeScript.

Payload is a headless CMS and application framework built with TypeScript, Node.js, React, and MongoDB. It gives you a powerful admin interface, flexible APIs, and an amazing developer experience.

What Makes It Special

• TypeScript First: Built entirely with TypeScript, so you get type safety and an awesome dev experience
• Admin Interface: Auto-generated, fully customizable React admin panel
• GraphQL & REST APIs: Both APIs generated automatically - use whatever you prefer
• Authentication: Built-in user auth and authorization system that just works
• File Uploads: Powerful file and image management out of the box
• Rich Text Editor: Customizable rich text editing experience
• Localization: Multi-language content support made easy
• Access Control: Fine-grained permission system
• Hooks System: Powerful lifecycle hooks for custom logic
• Plugin Architecture: Extensible plugin system for adding features

Cloudflare D1 Integration

Payload CMS now plays nicely with Cloudflare D1 database, giving you:

• Edge Computing: Leverage Cloudflare’s global network
• High Performance: Low-latency database access
• Cost Effective: Take advantage of Cloudflare D1’s generous free tier
• Easy Deployment: One-click deploy to Cloudflare Workers

Getting Started

Using the Cloudflare D1 Template

1. Clone the template:

   npx create-payload-app@latest my-app -t with-cloudflare-d1
   cd my-app

2. Install dependencies:

   npm install

3. Configure Cloudflare:

   # Create D1 database
   npx wrangler d1 create payload-db
   
   # Update wrangler.toml config

4. Start the dev server:

   npm run dev

5. Access the admin panel: Open your browser and go to http://localhost:3000/admin

Why Developers Love It

Developer Friendly

• Type Safety: Full TypeScript support throughout
• Hot Reload: Fast development feedback loop
• Great Docs: Detailed API documentation and guides

Flexibility

• Headless Architecture: Use any frontend tech stack you want
• Custom Fields: Rich field types and customization options
• Relational Data: Complex data relationships made simple

Performance

• Query Optimization: Smart database query optimization
• Caching Strategy: Built-in caching mechanisms
• Edge Deployment: Support for edge computing deployment

Perfect For

• Enterprise Websites: Complex content management needs
• E-commerce: Product catalogs and order management
• Blog Platforms: Multi-author content publishing
• Mobile App Backends: API-first backend services
• Multi-tenant Apps: SaaS application backends

Tech Stack

• Backend: Node.js + TypeScript
• Frontend: React + TypeScript
• Database: MongoDB / PostgreSQL / Cloudflare D1
• APIs: GraphQL + REST
• Deploy: Vercel / Netlify / Cloudflare Workers

Community & Support

• Active Community: 37.8k+ GitHub stars and growing
• Rich Ecosystem: Tons of plugins and templates
• Commercial Support: Payload Cloud hosting service
• Regular Updates: Continuous feature updates and improvements

License

This project is licensed under the MIT License - see the LICENSE file for details.

Made with ❤️ by Payload Team