Adding two video tutorials to d1 and pages (#17249)

Author: jason-cf

src/content/docs/d1/tutorials/build-a-comments-api/index.mdx

@@ -1,5 +1,5 @@
 ---
-updated: 2022-11-23
+updated: 2024-10-01
 difficulty: Intermediate
 content_type: 📝 Tutorial
 pcx_content_type: tutorial
@@ -13,7 +13,7 @@ languages:
   - SQL
 ---
 
-import { Render, PackageManagers } from "~/components";
+import { Render, PackageManagers, Stream } from "~/components";
 
 In this tutorial, you will learn how to use D1 to add comments to a static blog site. To do this, you will construct a new D1 database, and build a JSON API that allows the creation and retrieval of comments.
 
@@ -39,6 +39,14 @@ To start developing your Worker, `cd` into your new project directory:
 cd d1-example
 ```
 
+## Video Tutorial
+
+<Stream
+	videoId="8d20dd6cf5679f3272ca44a9fa01728c"
+	videoTitle="Build a Comments API with D1"
+	thumbnailStartTime="22s"
+/>
+
 ## 1. Install Hono
 
 In this tutorial, you will use [Hono](https://github.com/honojs/hono), an Express.js-style framework, to build your API. To use Hono in this project, install it using `npm`:

src/content/docs/pages/tutorials/build-an-api-with-pages-functions/index.mdx

@@ -1,5 +1,5 @@
 ---
-updated: 2023-05-31
+updated: 2024-10-01
 pcx_content_type: tutorial
 content_type: 📝 Tutorial
 difficulty: Intermediate
@@ -8,14 +8,24 @@ languages:
   - JavaScript
 ---
 
+import { Stream } from "~/components";
+
 In this tutorial, you will build a full-stack Pages application. Your application will contain:
 
 - A front end, built using Cloudflare Pages and the [React framework](/pages/framework-guides/deploy-a-react-site/).
 - A JSON API, built with [Pages Functions](/pages/functions/get-started/), that returns blog posts that can be retrieved and rendered in your front end.
 
 If you prefer to work with a headless CMS rather than an API to render your blog content, refer to the [headless CMS tutorial](/pages/tutorials/build-a-blog-using-nuxt-and-sanity/).
 
-## Build your front end
+## Video Tutorial
+
+<Stream
+	videoId="2d8bbaa18fbd3ffa859a7fb30e9b3dd1"
+	videoTitle="Build an API With Pages Functions"
+	thumbnailStartTime="29s"
+/>
+
+## 1. Build your front end
 
 To begin, create a new Pages application using the React framework.
 
@@ -144,7 +154,7 @@ const Post = () => {
 export default Post;
 ```
 
-## Build your API
+## 2. Build your API
 
 You will now create a Pages Functions that stores your blog content and retrieves it via a JSON API.
 
@@ -215,7 +225,7 @@ export function onRequestGet(context) {
 
 `[[id]].js` is a [dynamic route](/pages/functions/routing#dynamic-routes) which is used to accept a blog post `id`.
 
-## Deploy
+## 3. Deploy
 
 After you have configured your Pages application and Pages Function, deploy your project using the Wrangler or via the dashboard.