| title |
aliases |
tags |
sources |
created |
updated |
| Payload CMS — Examples Overview |
| payload-examples |
| payload-starter-templates |
| payload-boilerplate |
|
| payloadcms |
| examples |
| boilerplate |
| starter |
| templates |
|
| raw/examples__overview.md |
|
2026-05-15 |
2026-05-15 |
Overview
Payload ships a curated set of official example projects on GitHub. Each example demonstrates one specific feature in isolation — no extra noise, easy to read.
Available Examples
| Example |
What it shows |
auth |
Authentication flows (login, register, JWT, cookies) |
custom-components |
Custom Admin UI React components and slots |
draft-preview |
Draft + preview workflow with Next.js |
email |
Email adapter setup and sending |
form-builder |
Form Builder plugin end-to-end |
live-preview |
Live Preview iframe inside admin |
multi-tenant |
Multi-tenant collection isolation |
tailwind-shadcn-ui |
Tailwind CSS + shadcn/ui in admin |
whitelabel |
White-label / rebranded Admin UI |
Creating a Project from an Example
npx create-payload-app --example <example_name>
Replace <example_name> with the folder name from the table above (e.g. draft-preview, multi-tenant).
Key Takeaways
- Each example is self-contained — clone and run without extra setup.
- Start from the example closest to your use case, then extend.
draft-preview is the go-to starting point for content-preview workflows with Next.js App Router.
multi-tenant is useful for SaaS-style projects where each tenant owns their own data scope.
tailwind-shadcn-ui saves setup time when using shadcn components inside a custom admin.
- New examples are added continuously — check the GitHub repo before building a custom solution.
- Missing a use case? Open a Discussion or PR on the Payload repo.
Related
Sources