diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
index ec807e868d4..6ba1f18099a 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
@@ -541,6 +541,7 @@ export const realtime = {
         { name: 'Rate Limits', url: '/guides/realtime/rate-limits', items: [] },
         { name: 'Architecture', url: '/guides/realtime/architecture', items: [] },
         { name: 'Protocol', url: '/guides/realtime/protocol', items: [] },
+        { name: 'Videos', url: '/guides/realtime/videos', items: [] },
       ],
     },
   ],
diff --git a/apps/docs/pages/guides/realtime/videos.mdx b/apps/docs/pages/guides/realtime/videos.mdx
new file mode 100644
index 00000000000..a2a67f23a9b
--- /dev/null
+++ b/apps/docs/pages/guides/realtime/videos.mdx
@@ -0,0 +1,23 @@
+import Layout from '~/layouts/DefaultGuideLayout'
+
+export const meta = {
+  id: 'videos',
+  title: 'Videos',
+  description: 'Video guides for Supabase Realtime',
+  sidebar_label: 'Videos',
+}
+
+## Client & Server Components in Next.js with Realtime Updates
+
+<div className="video-container">
+  <iframe
+    src="https://www.youtube-nocookie.com/embed/YR-xP6PPXXA"
+    frameBorder="1"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+  ></iframe>
+</div>
+
+export const Page = ({ children }) => <Layout meta={meta} children={children} />
+
+export default Page