From ff1617c9c1c256ef9ccf0ff5ad80ab15e3566090 Mon Sep 17 00:00:00 2001
From: Richard To <gohn76@gmail.com>
Date: Wed, 29 Jan 2025 13:19:46 -0800
Subject: [PATCH] Add Cloud Run tutorial (#1187)

* Add Cloud Run tutorial

* Update image url
---
 docs/codelab/cloud-run.md | 22 ++++++++++++++++++++++
 mkdocs.yml                |  1 +
 2 files changed, 23 insertions(+)
 create mode 100644 docs/codelab/cloud-run.md

diff --git a/docs/codelab/cloud-run.md b/docs/codelab/cloud-run.md
new file mode 100644
index 000000000..231b13188
--- /dev/null
+++ b/docs/codelab/cloud-run.md
@@ -0,0 +1,22 @@
+This is a video tutorial that goes through the process of building and deploying a Mesop
+app to Cloud Run.
+
+Here is a screenshot of the app you will be building.
+
+![Mesop App](https://storage.googleapis.com/github-repo/generative-ai/sample-apps/mesop-cloudrun/imageplayground.png)
+
+## Part 1: Building a Gemini powered Mesop app
+
+This video describes how to build a Gemini powered Mesop app.
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/KUfPiSUJrwE?si=dkVt0rBOQUMapk5D" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+## Part 2: Deploying to Cloud Run
+
+This video describes how deploy the Gemini powered Mesop app to Cloud Run.
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/s9Ag_YNdl0M?si=aj4RqzS2MmWvxFos" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+## GitHub Code
+
+View the [source code](https://github.com/GoogleCloudPlatform/generative-ai/tree/main/gemini/sample-apps/gemini-mesop-cloudrun).
diff --git a/mkdocs.yml b/mkdocs.yml
index 03ed3fdbf..b27024bb7 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -15,6 +15,7 @@ nav:
               - 3 - Managing state & dialogs: codelab/3.md
               - 4 - Integrating AI APIs: codelab/4.md
               - 5 - Wrapping it up: codelab/5.md
+          - Cloud Run Codelab: codelab/cloud-run.md
   - Guides:
       - Fundamentals:
           - State Management: guides/state-management.md