Skip to content

Payload CMS

September 29, 2023
April 30, 2023

A code first CMS that works the way you do

Payload CMS

Payload CMS | Node & React TypeScript Headless CMS
payloadcms/payload: Free and Open-source Headless CMS and Application Framework built with TypeScript, Node.js, React and MongoDB

Let's Checkout... Payload CMS - YouTube
MongoDB + Payload: The Future of CMS - YouTube

Compare Payload to Strapi | Strapi Alternatives | Payload CMS

Payload is now completely free and open source | Blog | Payload CMS 2022-05
I'm CEO of Payload CMS鈥攚hich recently switched to a fully open-source model. I'm here to talk about open-source vs. proprietary software, bootstrapping vs. taking VC, growing a digital design agency, and more. AMA! : Entrepreneur

Learn

Payload CMS - YouTube
Building a Professionally Designed Website with NextJS, TypeScript, and Payload CMS - YouTube

Payload CMS Introduction - Closing the Gap Between Headless CMS and Application Frameworks - YouTubepayloadcms/custom-website-series: A fully custom website built with Payload and Next.js
payloadcms/learn-with-jason-cms: The CMS used for the Learn With Jason episode

Using Payload CMS to build a blog - LogRocket Blog

Build a scalable design system for enterprise websites with Payload CMS & Next.js
payloadcms/learn-with-jason-website: The website that corresponds to Payload's Learn with Jason episode

Custom Endpoints

Custom Endpoints can be added to collection without the need to change server.ts.
REST API | Documentation | Payload CMS

Since the webpack config is shared by Admin panel and backend server, if your endpoint/hooks are supposed to be server-only:

Webpack | Documentation | Payload CMS
Webpack polyfills for Node Core Modules 路 payloadcms/payload 路 Discussion #910
Error when adding a webpack plugin 路 payloadcms/payload 路 Discussion #2190

Rest API

REST API | Documentation | Payload CMS

Local API

For writing apps based on Payload CMS, can overrides access control (default true)

Local API | Documentation | Payload CMS

Access control/Authorization

flexible function-based access control

Access Control | Documentation | Payload CMS

Overview of Payload CMS Access Control - YouTube
Build Your Own Role-Based Access Control in Payload | by Elliot DeNolf | Payload CMS | Medium

Authentication

Authentication Config | Documentation | Payload CMS
Using the Payload Auth Middleware | Documentation | Payload CMS

Handling authentication in NextJS on Payload CMS | Blog | Payload CMS
payload/examples/auth/cms at master 路 payloadcms/payload 路 GitHub
payload/examples/auth/nextjs at master 路 payloadcms/payload 路 GitHub

Authentication in Nuxt 3 w/ Payload CMS - YouTube

How to get authenticated user in custom express routes? 路 payloadcms/payload 路 Discussion #675

Login with Username instead of Email (Extend authentication parameters) 路 payloadcms/payload 路 Discussion #1196

Plugins

Plugins | Documentation | Payload CMS
payload-plugin 路 GitHub Topics

thgh/payload-plugin-oauth: Add oAuth sign in to your Payload CMS site
finkinfridom/payload-auth0-plugin: Extends payloadcms with Auth0 integration
ScottEAdams/payload-plugin-google-one-tap

payloadcms/plugin-form-builder: The official form builder plugin for Payload
Overview of the Payload Form Builder Plugin - YouTube

payloadcms/plugin-password-protection: The official password protection plugin for Payload
NouanceLabs/payload-simple-rbac: A simple plugin to help you manage permissions in Payload with user roles.

thgh/payload-components: Some custom Payload components
thgh/payload-plugin-resolve-alias: Shorthand to add common webpack aliases
thgh/payload-plugin-body-classname

Teyras/payload-oapi: A Payload CMS plugin for OpenAPI (3.0, 3.1) specification generation

Deployment

Production Deployment | Documentation | Payload CMS
Security Best Practices for Express in Production

Payload CMS & Astro 馃殌 Astro Documentation
Remix, Payload in a Single Express Server Monorepo

Next.js

Building a Professionally Designed Website with NextJS, TypeScript, and Payload CMS - YouTube

Discord Thread | Community Help | Payload CMS nextjs-custom-server vs next-payload

NextJS, Payload, and TypeScript in a Single Express Server Boilerplate | Blog | Payload CMS
payloadcms/nextjs-custom-server: A TypeScript boilerplate for combining Payload and Next.js into a single Express server
NextJS custom server is a combination where you run an express server and NextJS app simultaneously.

payloadcms/next-payload: A utility to deploy Payload serverlessly within a Next.js app
The next-payload is a setup where you can deploy Payload "serverlessly" on for example Vercel (which is pretty awesome) directly from your NextJS project

Astro

Payload CMS & Astro 馃殌 Astro Documentation

Lambdo-Labs/payloadcms-astro-template: Payload CMS and Astro template