157 lines
6.8 KiB
HTML
157 lines
6.8 KiB
HTML
<h1 id="awesome-payload-awesome">Awesome Payload <a
|
||
href="https://awesome.re"><img src="https://awesome.re/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<blockquote>
|
||
<p>A curated list of awesome Payload resources for users and
|
||
developers.</p>
|
||
</blockquote>
|
||
<p><a
|
||
href="https://payloadcms.com/"><img src="./media/payload-logo.jpg" alt="Payload" width="300" align="right" /></a></p>
|
||
<p>
|
||
<a href="https://payloadcms.com/">Payload</a> is a free and open-source
|
||
full-stack Next.js framework and headless CMS aimed sharply at providing
|
||
the best, developer-first experience possible to build out APIs and
|
||
admin UI.<br /> Payload is natively integrated with Next.js and is
|
||
installed directly into your Next.js app.
|
||
</p>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#official">Official</a></li>
|
||
<li><a href="#education">Education</a></li>
|
||
<li><a href="#templates">Templates</a></li>
|
||
<li><a href="#plugins">Plugins</a></li>
|
||
<li><a href="#miscellaneous">Miscellaneous</a></li>
|
||
</ul>
|
||
<h2 id="official">Official</h2>
|
||
<p>Official resources.</p>
|
||
<ul>
|
||
<li><a href="https://github.com/payloadcms/payload">GitHub</a> -
|
||
Official GitHub repository of the Payload framework.</li>
|
||
<li><a href="https://payloadcms.com/blog">Blog</a> - Official blog.
|
||
Announcements.</li>
|
||
<li><a href="https://payloadcms.com/posts/guides">Payload Guides &
|
||
Tutorials</a> - High-quality guides and articles.</li>
|
||
<li><a href="https://www.youtube.com/@payloadcms">YouTube</a> - Official
|
||
YouTube channel with learning materials.</li>
|
||
<li><a href="https://discord.gg/payload">Discord</a> - Official Discord.
|
||
Community chat and support.</li>
|
||
<li><a href="https://twitter.com/payloadcms">X (Twitter)</a> - Official
|
||
X account. Payload news and announcements.</li>
|
||
<li><a href="https://www.reddit.com/r/PayloadCMS/">Reddit</a> - Discuss
|
||
and share anything Payload related on Reddit.</li>
|
||
</ul>
|
||
<h2 id="education">Education</h2>
|
||
<p>Learning resources in various formats.</p>
|
||
<h3 id="youtube-channels">YouTube channels</h3>
|
||
<ul>
|
||
<li><a href="https://www.youtube.com/@AaronSaundersCI">Aaron
|
||
Saunders</a> - Payload videos related to integrations and custom
|
||
components.</li>
|
||
<li><a href="https://www.youtube.com/@AllAboutPayload">All About
|
||
Payload</a> - Tutorials, tips and tricks.</li>
|
||
<li><a href="https://www.youtube.com/@DanailMinchev">Danail Minchev</a>
|
||
- Practical Payload tutorials.</li>
|
||
<li><a href="https://www.youtube.com/@LearnPayload">Learn Payload with
|
||
Colyn</a> - Payload series.</li>
|
||
<li><a href="https://www.youtube.com/@nlv_codes">NLV Codes</a> - Channel
|
||
dedicated to Payload, starting with beginner lessons.</li>
|
||
<li><a href="https://www.youtube.com/@SamThoyre">Sam Thoyre</a> - Full
|
||
courses related to Payload.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=MIJRgfRYHSU&list=PLmIBeoKTwgwlVxmmzU3L03v4Iq2mZ_tcR">Studio
|
||
Monty</a> - Custom components for Payload and useful tips.</li>
|
||
</ul>
|
||
<h3 id="examples">Examples</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/payloadcms/payload/tree/main/examples">Official
|
||
examples</a> - Examples from the official repository.</li>
|
||
<li><a href="https://github.com/payloadcms/website">Payload website</a>
|
||
- This is the repository for Payload’s official website. It was built
|
||
completely in public using Payload itself.</li>
|
||
<li><a
|
||
href="https://github.com/DanailMinchev/payload-clerk-example">DanailMinchev
|
||
/ payload-clerk-example</a> - Payload and Clerk example.
|
||
<ul>
|
||
<li><a href="https://www.youtube.com/watch?v=7PNGNqqFlu0">Payload and
|
||
Clerk example</a> - Part 1. Role-based access control and custom
|
||
components.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=egKaeOuddFA">Payload and
|
||
Clerk advanced integration</a> - Part 2. Advanced integration with Clerk
|
||
webhooks and custom components tested with Playwright.</li>
|
||
</ul></li>
|
||
</ul>
|
||
<h3 id="blogs">Blogs</h3>
|
||
<ul>
|
||
<li><a href="https://adrianmaj.com/en/blog">Adrian Maj</a> - Practical
|
||
guides for Payload.</li>
|
||
</ul>
|
||
<h3 id="articles">Articles</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://thelastcode.substack.com/p/the-listener-pattern-in-payloadcms">The
|
||
Listener Pattern in Payload</a> - Using React principles to create
|
||
useful behavior for your Payload admin panel.</li>
|
||
<li><a
|
||
href="https://zarif.dev/blogs/payload-cms-2fa-implementation">Payload:
|
||
2FA Implementation</a> - Two-factor authentication (2FA) for
|
||
Payload.</li>
|
||
<li><a
|
||
href="https://medium.com/@mleg1234/creating-a-color-picker-for-payload-cmss-rich-text-editor-lexical-a2ec3528669c">Creating
|
||
a Color Picker</a> - How to create a custom color picker for Payload’s
|
||
rich-text editor (Lexical).</li>
|
||
</ul>
|
||
<h2 id="templates">Templates</h2>
|
||
<p>Begin your next project by starting with a pre-made template. These
|
||
are production-ready, end-to-end solutions.</p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/payloadcms/payload/tree/main/templates">Official
|
||
templates</a> - Templates from the official repository.</li>
|
||
<li><a href="https://github.com/shopnex-ai/shopnex">ShopNex</a> - An
|
||
open-source Shopify alternative built with Payload.</li>
|
||
</ul>
|
||
<h2 id="plugins">Plugins</h2>
|
||
<p>List of interesting community plugins.</p>
|
||
<ul>
|
||
<li><a href="https://github.com/r1tsuu/payload-enchants">r1tsuu /
|
||
payload-enchants</a> - A collection of enhancement packages for
|
||
Payload.</li>
|
||
<li><a href="https://github.com/authsmith/payload-auth-plugin">authsmith
|
||
/ payload-auth-plugin</a> - This plugin extends the Payload
|
||
authentication process and implements OAuth- and Passkey-based
|
||
authentication features.</li>
|
||
<li><a href="https://github.com/payload-auth/payload-auth">payload-auth
|
||
/ payload-auth</a> - A monorepo for integrating Payload with various
|
||
authentication providers.</li>
|
||
<li><a href="https://github.com/CrawlerCode/payload-authjs">CrawlerCode
|
||
/ payload-authjs</a> - A Payload plugin for Auth.js.</li>
|
||
<li><a href="https://github.com/ashbuilds/payload-ai">ashbuilds /
|
||
payload-ai</a> - The Payload AI Plugin is a powerful extension,
|
||
integrating advanced AI capabilities to enhance content creation and
|
||
management.</li>
|
||
<li><a
|
||
href="https://gist.github.com/elliott-w/19676d9373d79ee20b9195601dc45808">elliott-w
|
||
/ imageAspectRatios.ts</a> - Payload image aspect ratios plugin.</li>
|
||
<li><a
|
||
href="https://github.com/AdrianMaj/payload-lexical-typography">AdrianMaj
|
||
/ payload-lexical-typography</a> - Payload plugin for extending lexical
|
||
typography options (Text color, Font size, Letter spacing, Line height,
|
||
Font Family etc.)</li>
|
||
<li><a href="https://github.com/rilrom/payload-bites">rilrom /
|
||
payload-bites</a> - Collection of various bite-sized Payload v3 plugins
|
||
including image-search, fullscreen-editor, audit-fields, soft-delete and
|
||
activity-log.</li>
|
||
</ul>
|
||
<h2 id="miscellaneous">Miscellaneous</h2>
|
||
<p>Other resources.</p>
|
||
<ul>
|
||
<li><a href="https://withpayload.com/">withPayload</a> - Discover
|
||
starter kits, plugins, and other useful resources.</li>
|
||
</ul>
|
||
<h2 id="contributing">Contributing</h2>
|
||
<p>Contributions welcome! Read the <a
|
||
href="contributing.md">contribution guidelines</a> first.</p>
|
||
<p><a href="https://github.com/DanailMinchev/awesome-payload">payload.md
|
||
Github</a></p>
|