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