Adding Astro Video to Pages (#18275)

* Adding video tutorial to Astro page

* adding to the tutorials list

Author: jason-cf

src/content/docs/pages/framework-guides/deploy-an-astro-site.mdx

@@ -3,14 +3,18 @@ pcx_content_type: how-to
 title: Astro
 ---
 
-import { PagesBuildPreset, Render, PackageManagers } from "~/components";
+import { PagesBuildPreset, Render, PackageManagers, Stream } from "~/components";
 
 [Astro](https://astro.build) is an all-in-one web framework for building fast, content-focused websites. By default, Astro builds websites that have zero JavaScript runtime code.
 
 Refer to the [Astro Docs](https://docs.astro.build/) to learn more about Astro or for assistance with an Astro project.
 
 In this guide, you will create a new Astro application and deploy it using Cloudflare Pages.
 
+### Video Tutorial
+
+<Stream videoId="d308a0e06bfaefd12115b34076ba99a4" videoTitle="Build a Full-Stack Application using Astro and Cloudflare Workers" thumbnailTimeOrURL="3s" />
+
 ## Set up a new project
 
 To use `create-cloudflare` to create a new Astro project, run the following command:

src/content/videos/index.yaml

@@ -359,6 +359,18 @@ entries:
     difficulty: Intermediate
     content_type: 🎥 Video
     pcx_content_type: tutorial
+  - link: https://developers.cloudflare.com/pages/framework-guides/deploy-an-astro-site/#video-tutorial
+    title: Build a Full-Stack Application using Astro and Cloudflare Workers
+    description: Learn how to deploy an Astro application to Cloudflare Workers.
+    tags: [Workers, Pages, Astro]
+    languages: [TypeScript]
+    products: [Workers, Pages]
+    cloudflare: true
+    author: kristian
+    updated: 2024-11-19
+    difficulty: Beginner
+    content_type: 🎥 Video
+    pcx_content_type: tutorial    
   # - link:
   #   title:
   #   description:
@@ -371,3 +383,4 @@ entries:
   #   difficulty: Intermediate
   #   content_type: 🎥 Video
   #   pcx_content_type: tutorial
+