update lists

html/payload.html

@@ -0,0 +1,156 @@
+<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 &amp;
+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&amp;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>