Adding Observability NextJS Workflow videos (#17907)

* Adding Observability NextJS Workflow videos

* fixing a tag

Author: jason-cf

src/content/docs/pages/framework-guides/nextjs/index.mdx

@@ -7,8 +7,12 @@ description: React framework for building full-stack web applications.
 
 ---
 
-import { DirectoryListing } from "~/components"
+import { DirectoryListing, Stream } from "~/components"
 
 [Next.js](https://nextjs.org) is an open-source React framework for creating websites and applications.
 
 <DirectoryListing />
+
+### Video Tutorial
+
+<Stream videoId="0b28fdd5938c4929bd7fdedcd167044d" videoTitle="Deploy NextJS to your Workers Application" thumbnailTimeOrURL="2.5s" />

src/content/docs/workers/observability/logs/index.mdx

@@ -7,7 +7,7 @@ sidebar:
     hideIndex: false
 ---
 
-import { Badge } from "~/components";
+import { Badge, Stream } from "~/components";
 
 Logs are an important component of a developer's toolkit to troubleshoot and diagnose application issues and maintaining system health. The Cloudflare Developer Platform offers many tools to help developers manage their application's logs.
 
@@ -26,3 +26,7 @@ Tail Workers allow developers to apply custom filtering, sampling, and transform
 ## [Workers Logpush](/workers/observability/logs/logpush)
 
 Send Workers Trace Event Logs to a supported destination. Workers Logpush includes metadata about requests and responses, unstructured `console.log()` messages and any uncaught exceptions.
+
+## Video Tutorial
+
+<Stream videoId="8a29e0b3ee30140431df06c0ec935c60" videoTitle="Workers Observability" thumbnailTimeOrURL="2.5s" />

src/content/docs/workflows/tutorials/index.mdx

@@ -0,0 +1,18 @@
+---
+type: overview
+hideChildren: true
+pcx_content_type: navigation
+title: Tutorials
+sidebar:
+  order: 4
+---
+
+import { GlossaryTooltip, ListTutorials } from "~/components";
+
+:::note
+[Explore our community-written tutorials contributed through the Developer Spotlight program.](/developer-spotlight/)
+:::
+
+View <GlossaryTooltip term="tutorial">tutorials</GlossaryTooltip> to help you get started with Workers.
+
+<ListTutorials />

src/content/videos/index.yaml

@@ -258,4 +258,69 @@ entries:
     updated: 2024-09-26
     difficulty: Intermediate
     content_type: 🎥 Video
-    pcx_content_type: tutorial
+    pcx_content_type: tutorial
+  - link: https://youtu.be/slS4RBV0SBk
+    title: Cloudflare Workflows | Introduction (Part 1 of 3)
+    description: In this video, we introduce Cloudflare Workflows, the Newest Developer Platform Primitive at Cloudflare.
+    tags: [Workflows, Workers, Queues, Workers AI, AI Gateway, KV]
+    languages: [TypeScript]
+    # stream_id: 
+    products: [Workflows, Workers, Queues, Workers AI, AI Gateway, KV]
+    cloudflare: true
+    author: craig
+    updated: 2024-10-30
+    difficulty: Intermediate
+    content_type: 🎥 Video
+    pcx_content_type: tutorial
+  - link: https://youtu.be/y4PPsvHrQGA
+    title: Cloudflare Workflows | Batching and Monitoring Your Durable Execution (Part 2 of 3)
+    description: Workflows exposes metrics such as execution, error rates, steps, and total duration!
+    tags: [Workflows, Workers, Queues, Workers AI, AI Gateway, KV]
+    languages: [TypeScript]
+    # stream_id: 
+    products: [Workflows, Workers, Queues, Workers AI, AI Gateway, KV]
+    cloudflare: true
+    author: craig
+    updated: 2024-10-30
+    difficulty: Intermediate
+    content_type: 🎥 Video
+    pcx_content_type: tutorial
+  - link: https://youtu.be/L6gR4Yr3UW8
+    title: Cloudflare Workflows | Schedule and Sleep For Your Apps (Part 3 of 3)
+    description: Cloudflare Workflows allows you to initiate sleep as an explicit step, which can be useful when you want a Workflow to wait, schedule work ahead, or pause until an input or other external state is ready.
+    tags: [Workflows, Workers, Queues, Workers AI, AI Gateway, KV]
+    languages: [TypeScript]
+    # stream_id: 
+    products: [Workflows, Workers, Queues, Workers AI, AI Gateway, KV]
+    cloudflare: true
+    author: craig
+    updated: 2024-10-30
+    difficulty: Intermediate
+    content_type: 🎥 Video
+    pcx_content_type: tutorial
+  - link: https://developers.cloudflare.com/pages/framework-guides/nextjs/#video-tutorial
+    title: Deploy NextJS to your Workers Application 
+    description: Watch to learn how to easily deploy your NextJS application to the Cloudflare global network.
+    tags: [NextJS, Workers, Pages]
+    languages: [TypeScript]
+    # stream_id: 
+    products: [Workers, Pages]
+    cloudflare: true
+    author: confidence
+    updated: 2024-10-31
+    difficulty: Intermediate
+    content_type: 🎥 Video
+    pcx_content_type: tutorial
+  - link: https://developers.cloudflare.com/workers/observability/logs/#video-tutorial
+    title: Workers Observability
+    description: With Workers Logs, you can collect, store, filter, and analyze all logging data from your Workers directly in the Cloudflare dashboard.
+    tags: [Workers, Pages]
+    languages: [TypeScript]
+    # stream_id: 
+    products: [Workers, Pages]
+    cloudflare: true
+    author: confidence
+    updated: 2024-10-31
+    difficulty: Intermediate
+    content_type: 🎥 Video
+    pcx_content_type: tutorial