Updating AI Image Playground series (#19517)

* Updating AI Image Playground series. adding final video. fixing index and video yaml directory

* adding redirect for file name change

Author: jason-cf

public/_redirects

@@ -1564,6 +1564,7 @@
 /workers-ai/configuration/workers-ai-sdk/ /workers-ai/configuration/bindings/ 301
 /workers-ai/tutorials/creating-a-recommendation-api/ /developer-spotlight/tutorials/creating-a-recommendation-api/ 301
 /workers/observability/baselime-integration/ /workers/observability/integrations/baselime-integration/ 301
+/workers-ai/tutorials/image-generator-flux/ /workers-ai/tutorials/image-generation-playground/ 301
 
 # workers KV
 /kv/platform/environments/ /kv/reference/environments/ 301

src/content/docs/workers-ai/tutorials/image-generation-playground/image-generator-flux-newmodels.mdx

@@ -14,6 +14,7 @@ tags:
 languages:
   - Typescript
 prev: true
+next: true
 
 ---
 

src/content/docs/workers-ai/tutorials/image-generation-playground/image-generator-store-and-catalog.mdx

@@ -0,0 +1,33 @@
+---
+updated: 2025-01-29
+difficulty: Beginner
+content_type: 🎥 Video
+pcx_content_type: video
+title: Store and Catalog AI Generated Images with R2 (Part 3)
+sidebar:
+  order: 3
+products:
+  - Workers
+tags:
+  - AI
+  - Workers
+  - R2
+languages:
+  - Typescript
+prev: true
+
+---
+
+import { Details, DirectoryListing, Stream } from "~/components"
+
+In the final part of the AI Image Playground series, Kristian teaches how to utilize Cloudflare's [R2](/r2) object storage in order to maintain and keep track of each AI generated image.
+
+<Stream videoId="86488269da24984c76fb10f69f4abb44" videoTitle="Store and Catalog AI Generated Images (Part 3)" thumbnailTimeOrURL="2.5s" moreVideosLink="false" />
+
+Refer to the AI Image Playground [GitHub repository](https://github.com/kristianfreeman/workers-ai-image-playground) to follow along locally.
+
+<Details header="Video series" open>
+
+<DirectoryListing folder="workers-ai/tutorials/image-generation-playground" />
+
+</Details>

src/content/docs/workers-ai/tutorials/image-generator-flux.mdx renamed to src/content/docs/workers-ai/tutorials/image-generation-playground/index.mdx

@@ -3,7 +3,7 @@ updated: 2024-10-17
 difficulty: Beginner
 content_type: 🎥 Video
 pcx_content_type: tutorial
-title: How to build an Image Generator using Workers AI
+title: How to Build an Image Generator using Workers AI
 products:
   - Workers
 tags:

src/content/videos/index.yaml

@@ -395,6 +395,18 @@ entries:
     difficulty: Beginner
     content_type: 🎥 Video
     pcx_content_type: tutorial    
+  - link: https://developers.cloudflare.com/workers-ai/tutorials/image-generation-playground/
+    title: How to Build an Image Generator using Workers AI
+    description: In this series of videos, learn how to build an AI Image Playground, add new AI Models and store your generated images using R2.
+    tags: [Workers, R2, Workers AI]
+    languages: [TypeScript]
+    products: [Workers, R2, Workers AI]
+    cloudflare: true
+    author: kristian
+    updated: 2025-01-29
+    difficulty: Beginner
+    content_type: 🎥 Video
+    pcx_content_type: tutorial    
   # - link:
   #   title:
   #   description:
@@ -406,5 +418,4 @@ entries:
   #   updated: 
   #   difficulty: Intermediate
   #   content_type: 🎥 Video
-  #   pcx_content_type: tutorial
-
+  #   pcx_content_type: tutorial