docs: adds relevant videos to docs sections (#16516)

zubricks · web-flow · commit d17298f2573f · 2026-05-08T11:08:26.000-07:00
- modular dashboard
- ecommerce plugin
- hooks
- import-export plugin
- mcp plugin
- multi-tenant plugin
- production deployment (vercel, cloudflare)
diff --git a/docs/custom-components/dashboard.mdx b/docs/custom-components/dashboard.mdx
@@ -13,6 +13,11 @@ keywords: dashboard, widgets, custom components, admin, React
 
 The Dashboard is the first page users see when they log into the Payload Admin Panel. By default, it displays cards with the collections and globals. You can customize the dashboard by adding **widgets** - modular components that can display data, analytics, or any other content.
 
+<YouTube
+  id="fXF34Ef6G84"
+  title="Create a flexible admin panel with the new Modular Dashboard feature"
+/>
+
 One of the coolest things about widgets is that each plugin can define its own. Some examples:
 
 - Analytics
diff --git a/docs/ecommerce/overview.mdx b/docs/ecommerce/overview.mdx
@@ -25,6 +25,11 @@ Payload provides an Ecommerce Plugin that allows you to add ecommerce functional
   with as much detail as possible.
 </Banner>
 
+<YouTube
+  id="7IaAAqRy7U4"
+  title="Build a production ready online store with the Payload ecommerce template"
+/>
+
 ## Core features
 
 The plugin ships with a wide range of features to help you get started with ecommerce:
diff --git a/docs/hooks/overview.mdx b/docs/hooks/overview.mdx
@@ -8,7 +8,13 @@ keywords: hooks, overview, config, configuration, documentation, Content Managem
 
 Hooks allow you to execute your own side effects during specific events of the Document lifecycle. They allow you to do things like mutate data, perform business logic, integrate with third-parties, or anything else, all during precise moments within your application.
 
-With Hooks, you can transform Payload from a traditional CMS into a fully-fledged application framework. There are many use cases for Hooks, including:
+<YouTube
+  id="zYhPeBi5PaU"
+  title="Payload Hooks Explained: When to Use Them, and when to pass logic to the Jobs Queue"
+/>
+With Hooks, you can transform Payload from a traditional CMS into a
+fully-fledged application framework. There are many use cases for Hooks,
+including:
 
 - Modify data before it is read or updated
 - Encrypt and decrypt sensitive data
diff --git a/docs/plugins/import-export.mdx b/docs/plugins/import-export.mdx
@@ -15,6 +15,10 @@ keywords: plugins, plugin, import, export, csv, JSON, data, ETL, download
 
 This plugin adds features that give admin users the ability to download or create export data as an upload collection and import it back into a project.
 
+<YouTube
+  id="lyAOXO5TcZw"
+  title="A simple, powerful way to manage your data in Payload: Import/Export Plugin"
+/>
 ## Core Features
 
 - Export data as CSV or JSON format via the admin UI
diff --git a/docs/plugins/mcp.mdx b/docs/plugins/mcp.mdx
@@ -20,6 +20,11 @@ This plugin adds [Model Context Protocol](https://modelcontextprotocol.io/docs/g
   with as much detail as possible.
 </Banner>
 
+<YouTube
+  id="UBbElyhoszQ"
+  title="Supercharge Your CMS: Payload MCP Server Overview & Demo"
+/>
+
 ## Core features
 
 - Adds a collection to your config where:
diff --git a/docs/plugins/multi-tenant.mdx b/docs/plugins/multi-tenant.mdx
@@ -19,6 +19,10 @@ This plugin sets up multi-tenancy for your application from within your [Admin P
   issue](https://github.com/payloadcms/payload/issues/new/choose) with as much
   detail as possible.
 </Banner>
+<YouTube
+  id="oX7ZHWuin-I"
+  title="One Payload instance—endless possibilities: Payload Multi-Tenant Plugin"
+/>
 
 ## Core features
 
diff --git a/docs/production/deployment.mdx b/docs/production/deployment.mdx
@@ -22,6 +22,22 @@ to consider these main aspects:
 
 Payload can be deployed _anywhere that Next.js can run_ - including Vercel, Netlify, SST, DigitalOcean, AWS, and more. Because it's open source, you can self-host it.
 
+<VideoDrawer
+  id="8jPNsLX7XGg"
+  label="Deploy Payload on Cloudflare Workers"
+  drawerTitle="Deploy Payload on Cloudflare Workers"
+/>
+<VideoDrawer
+  id="Teug6mTdRsg"
+  label="Deploy Payload with Cloudflare Workers (Full Guide)"
+  drawerTitle="Deploy Payload with Cloudflare Workers (Full Guide)"
+/>
+<VideoDrawer
+  id="7jAYKaRaI30"
+  label="Deploy Payload on Vercel"
+  drawerTitle="Deploy Payload on Vercel in minutes with our one click templates"
+/>
+
 But it's important to remember that most Payload projects will also need a database, file storage, an email provider, and a CDN. Make sure you have all of the requirements that your project needs, no matter what deployment platform you choose.
 
 ## Basics
@@ -83,7 +99,10 @@ unsupported `$facet` aggregation.
 ### CosmosDB
 
 <Banner type="warning">
-While Azure Cosmos DB offers a MongoDB API it is not fully compatible due to strict and limited indexing behavior and many core features may not work reliably. For more details, see the [MongoDB driver's CosmosDB compatibility documentation](https://www.mongodb.com/docs/drivers/cosmosdb-support/#compatibility).
+  While Azure Cosmos DB offers a MongoDB API it is not fully compatible due to
+  strict and limited indexing behavior and many core features may not work
+  reliably. For more details, see the [MongoDB driver's CosmosDB compatibility
+  documentation](https://www.mongodb.com/docs/drivers/cosmosdb-support/#compatibility).
 </Banner>
 
 To improve compatibility, spread the `compatibilityOptions.cosmosdb` preset into your adapter. This applies all recommended settings at once:
