b9f9f15d77
* feat: builds color palette for light and dark mode, removes all conflicting rgba sass * chore: replaces colors with css vars * chore: adapts blur-bg to be more performant and stable * chore: getting ready for dark mode * chore: removes unused file * chore: reverts input bg * chore: reverses selection in dark mode * feat: builds theme toggler * feat: adds auto mode for theme * feat: establishes light / dark css pattern, updates account and list * chore: migrates more views to gutter component * chore: adapts global, adjusts popups * chore: finishes retrofitting views * feat: moves to medium instead of semi-bold for headlines * feat: introduces new font for rte * feat: updates rich text styles * feat: styles react select in dark mode * chore: styles datepicker, misc refinements * chore: updates style of UploadCard * chore: fixes code styles * chore: styles PerPage * chore: improves styling of column / where selector * feat: improves field errors in dark mode * chore: styles built-in rich text elements * chore: improves styling of rte elements * chore: tweaks
Payload
A free and open-source TypeScript headless CMS & application framework built with Express, MongoDB and React.
Features
- Completely free and open-source
- GraphQL, REST, and Local APIs
- Easily customizable ReactJS Admin
- Fully self-hosted
- Extensible Authentication
- Local file storage & upload
- Version History and Drafts
- Field-based Localization
- Block-based Layout Builder
- Extensible SlateJS rich text editor
- Array field type
- Field conditional logic
- Extremely granular Access Control
- Document and field-level hooks for every action Payload provides
- Built with Typescript & very Typescript-friendly
- Intensely fast API
- Highly secure thanks to HTTP-only cookies, CSRF protection, and more
Code-first
Payload is a CMS that has been designed for developers from the ground up to deliver them what they need to build great digital products. If you know JavaScript, you know Payload. It's a code-first CMS, which allows us to do a lot of things right:
- Payload gives you everything you need, but then steps back and lets you build what you want in JavaScript or TypeScript - with no unnecessary complexity brought by GUIs. You'll understand how your CMS works, because you will have written it exactly how you want it.
- Bring your own Express server and do whatever you need on top of Payload. Payload doesn't impose anything on you or your app.
- Completely control the Admin panel by using your own React components. Swap out fields or even entire views with ease.
- Use your data however and wherever you need thanks to auto-generated, yet fully extensible REST, GraphQL and Local Node APIs.
Quick Start
Before beginning to work with Payload, make sure you have all of the required software.
From there, the easiest way to get started with Payload is to use the create-payload-app package:
npx create-payload-app
Alternatively, it only takes about five minutes to create an app from scratch.
Documentation
Check out the Payload website to find in-depth documentation for everything that Payload offers.
Other Resources
Discussions
There are lots of good conversations and resources in our GitHub Discussions board. If you're struggling with something, chances are, someone's already solved what you're up against. Searching Discussions will often provide very helpful tips and tricks.
Discord
Join Payload's Discord channel to interact with Payload developers in realtime.