In this series, we’re taking a deep dive into Payload’s website template. Through it, you’ll learn everything you need to know to become an expert in modern Next.js website development.
What comes next in this series is up to you: let me know in the comments what features you want a deep dive on, and we'll make it happen.
What is Payload?
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
Website: https://payloadcms.com
Github: https://github.com/payloadcms/payload
Chapters
00:00 INTRO
01:03 Get started
03:06 Payload in one app folder
03:42 Seed your database
07:40 Live preview
08:28 React Server Components in frontend
10:48 Design theory
13:45 Design system and layout blocks
13:57 Man screams
18:00 TypeScript types
20:40 Static rendering
24:16 On-demand revalidation
25:15 Payload plugins
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