image generation updates

Author: jason-cf

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

@@ -0,0 +1,32 @@
+---
+updated: 2024-10-17
+difficulty: Beginner
+content_type: 🎥 Video
+pcx_content_type: video
+title: Add New AI Models to your Playground (Part 2)
+sidebar:
+  order: 2
+products:
+  - Workers
+tags:
+  - AI
+  - Workers
+languages:
+  - Typescript
+prev: true
+
+---
+
+import { Details, DirectoryListing, Stream } from "~/components"
+
+In part 2, Kristian expands upon the existing environment built in part 1, by showing you how to integrate new AI models and introduce new parameters that allow you to customize how images are generated. 
+
+<Stream videoId="167ba3a7a86f966650f3315e6cb02e0d" videoTitle="Add New AI Models to your Playground (Part 2)" 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-generation-playground/image-generator-flux.mdx

@@ -0,0 +1,35 @@
+---
+updated: 2024-10-17
+difficulty: Beginner
+content_type: 🎥 Video
+pcx_content_type: video
+title: Build an AI Image Generator Playground (Part 1)
+tableOfContents: false
+sidebar:
+  order: 1
+products:
+  - Workers
+tags:
+  - AI
+  - Workers
+languages:
+  - Typescript
+next: true
+
+---
+
+import { Details, DirectoryListing, Stream } from "~/components"
+
+The new flux models on Workers AI are our most powerful text to image AI models yet. In this video, we show you how to deploy your own Workers AI image playground in just a few minutes.
+
+There are many businesses being built on top of AI image generation models and using Workers AI, you can get access to the best models in the industry without having to worry about inference, ops, or deployment. We provide the API for AI image generation and in a couple of seconds get an image back.
+
+<Stream videoId="aeafae151e84a81be19c52c2348e9bab" videoTitle="Build an AI Image Generator Playground (Part 1)" thumbnailTimeOrURL="12s" 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

@@ -14,10 +14,12 @@ languages:
 
 ---
 
-import { Stream } from "~/components"
+import { Details, DirectoryListing, Stream } from "~/components"
 
-The new flux models on Workers AI are our most powerful text to image AI models yet. In this video, we show you how to deploy your own Workers AI image playground in just a few minutes.
+In this series of videos, Kristian Freeman builds an AI Image Playground. To get started, click on part 1 below.
 
-There are many businesses being built on top of AI image generation models and using Workers AI, you can get access to the best models in the industry without having to worry about inference, ops, or deployment. We provide the API for AI image generation and in a couple of seconds get an image back.
+<Details header="Video Series" open>
 
-<Stream videoId="aeafae151e84a81be19c52c2348e9bab" videoTitle="How to build an AI Image Generator using Cloudflare Workers AI" thumbnailTimeOrURL="1.95s" />
+<DirectoryListing folder="workers-ai/tutorials/image-generation-playground" />
+
+</Details>

src/content/videos/index.yaml

@@ -220,19 +220,6 @@ entries:
     difficulty: Beginner
     content_type: 🎥 Video
     pcx_content_type: interview    
-  - link: https://developers.cloudflare.com/workers-ai/tutorials/image-generator-flux/
-    title: How to build an AI Image Generator using Cloudflare Workers AI
-    description: The new flux-schnell models on Workers AI are our most powerful text to image AI models yet. In this video, we show you how to deploy your own Workers AI image playground.
-    tags: [Workers, Workers AI]
-    languages: [TypeScript]
-    stream_id: aeafae151e84a81be19c52c2348e9bab
-    products: [Workers, Workers AI]
-    cloudflare: true
-    author: kristian
-    updated: 2024-10-17
-    difficulty: Intermediate
-    content_type: 🎥 Video
-    pcx_content_type: tutorial
   - link: https://youtu.be/W45MIi_t_go
     title: Building Front-End Applications | Now Supported by Cloudflare Workers
     description: You can now build front-end applications, just like you do on Cloudflare Pages, but with the added benefit of Workers.
@@ -298,7 +285,7 @@ entries:
     difficulty: Intermediate
     content_type: 🎥 Video
     pcx_content_type: tutorial
-  - link: https://developers.cloudflare.com/pages/framework-guides/nextjs/#video-tutorial
+  - link: https://developers.cloudflare.com/workers/static-assets/#video-tutorials
     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]
@@ -360,4 +347,15 @@ entries:
     difficulty: Beginner
     content_type: 🎥 Video
     pcx_content_type: tutorial       
-  
+  # - link: 
+  #   title: 
+  #   description: 
+  #   tags: [Workers, Pages]
+  #   languages: [TypeScript]
+  #   products: [Workers, Pages]
+  #   cloudflare: true
+  #   author: confidence
+  #   updated: 2024-11-14
+  #   difficulty: Intermediate
+  #   content_type: 🎥 Video
+  #   pcx_content_type: tutorial