Introduction to Payload — The open-source Next.js backend

Payload is the open-source Next.js backend. It closes the gap between headless CMS and application framework, powering everything from enterprise websites to internal applications.

Get started with one line: npx create-payload-app@latest
Or visit https://payloadcms.com

Write a Payload Config and instantly get:
— A full Admin Panel using React server / client components, matching the shape of your data and completely extensible with your own React components
— Automatic database schema, including direct DB access and ownership, with migrations, transactions, proper indexing, and more
— Instant REST, GraphQL, and straight-to-DB Node.js APIs
— Authentication which can be used in your own apps
— A deeply customizable access control pattern
— File storage and image management tools like cropping / focal point selection
— Live preview - see your frontend render content changes in realtime as you update

And a lot more.

00:00 Beginning
00:46 Payload Use Cases
01:49 Installing Payload Locally
02:44 Payload Config
03:25 Payload Docs
03:47 Adding a Collection
05:02 Bidirectional Relationships (joinField)
05:47 Media Collection & Features
06:38 RichText Field and Extensibility
08:08 Adding a Custom React Component
08:48 Access Control
09:32 Payload Hooks — Inject Any Functionality
10:44 Next.js Perk: Add Functionality into Your App Router