Payload Website Template
The code for this template is completely open-source and can be found on our Github.

Core features
Admin Dashboard
Manage this site's pages and posts from the admin dashboard.
Preview
Using versions, drafts, and preview, editors can review and share their changes before publishing them.
Page Builder
Custom page builder allows you to create unique page, post, and project layouts for any type of content.
SEO
Editors have complete control over SEO data and site content directly from the admin dashboard.
Dark Mode
Users will experience this site in their preferred color scheme and each block can be inverted.

Photo by Andrew Kliatskyi on Unsplash.
Recent posts
The posts below are displayed in an "Archive" layout building block which is an extremely powerful way to display documents on a page. It can be auto-populated by collection or by category, or posts can be individually selected. Pagination controls will automatically appear if the number of results exceeds the number of items per page.

A typeface gets chosen for how it looks. How it loads is usually an afterthought — and it's often the bigger factor in how the page actually feels.

Dropping in next/image and moving on is the most common way teams end up with a component doing less than they think it is.

The instinct is to pick one rendering strategy for the whole app. Next.js was built around the idea that most pages don't need the same answer.

Streaming solved the problem of finding music and quietly created a new one: none of it is actually yours. A small but real market for physical media is the result.

Solar panels and wind turbines get the photos. The part actually holding the transition back is a lot less photogenic.

The phrase went from meaning something specific to meaning almost nothing, somewhere around the point every product needed one.

The framework part of a migration is usually the part that goes fine. What actually eats the timeline is everything the old system did to content that nobody wrote down.

A tag manager, a chat widget, an A/B testing library — each one gets added for a specific reason, and almost none of them ever get removed once that reason has passed.

Consolidating multiple projects into one repository solves real coordination problems. It doesn't automatically solve the ones that were never about the repository boundary.

Shipping a shared component library is the easy part. What actually makes it a design system is whether teams trust it enough to stop building their own versions.
This is a call to action
This is a custom layout building block configured in the admin dashboard.