draft

Author: jason-cf

src/content/docs/learning-paths/r2/series/index.mdx

@@ -0,0 +1,9 @@
+---
+pcx_content_type: navigation
+title: Overview
+sidebar:
+  order: 4
+  group:
+    hideIndex: true
+tableOfContents: false
+---

src/content/docs/learning-paths/r2/series/r2-1.mdx

@@ -0,0 +1,47 @@
+---
+pcx_content_type: navigation
+title: Introduction to R2
+sidebar:
+  order: 1
+tableOfContents: false
+description: |
+    hi
+---
+
+import { Render, Tabs, TabItem, Stream, Card } from "~/components";
+
+<Tabs>
+  <TabItem label="Watch this episode">
+
+  Cloudflare R2 is an object storage solution designed to handle your data and files efficiently. It is ideal for various use cases, such as storing large media files, creating data lakes, or delivering web assets. R2 offers a flexible architecture to suit your needs, all with zero egress fees, meaning you don't have to worry about unexpected costs when moving your data.
+
+    <Card>
+        <Stream
+        id="f5922079245064953abb76127c76cb9a"
+        title="Introduction to R2"
+        thumbnail="https://pub-d9bf66e086fb4b639107aa52105b49dd.r2.dev/r2-1.png"
+        showMoreVideos={false}
+        chapters={{
+          "Introduction": "3s",
+          "Configuring R2 Buckets": "1m40s",
+          "Practical Applications and Future Topics": "3m30s"
+        }}
+      />
+
+      **Related content**
+
+      If you want to dive into detail, refer to the following pages:
+
+    - [Cloudflare R2](/r2/)
+
+    </Card>
+  </TabItem>
+  
+  <TabItem label="Step-by-step tutorial">
+
+  </TabItem>
+
+  <TabItem label="Series overview">
+    <Render file="r2-series-navigation" />
+  </TabItem>
+</Tabs>

src/content/learning-paths/r2-introduction.json

@@ -0,0 +1,9 @@
+{
+	"title": "Introduction to R2",
+	"path": "/learning-paths/r2/series/r2-1/",
+	"priority": 2,
+	"description": "",
+	"products": ["R2", "Workers"],
+	"product_group": "Developer platform",
+	"video": true
+}

src/content/partials/learning-paths/r2-series-navigation.mdx

@@ -0,0 +1,34 @@
+---
+{}
+
+---
+
+import { CardGrid, LinkCard, Card } from "~/components";
+
+ <CardGrid>
+      <LinkCard
+          title="Watch Episode 1: Introduction to R2"
+          description="In this video, you'll learn how to use Cloudflare R2 to store and manage data with no egress fees, supporting use cases like media, web assets, backups, and static site hosting."
+          href="/learning-paths/r2/series/r2-1/"
+        />          
+      <LinkCard
+          title="Watch Episode 2: "
+          description=" "
+          href="/learning-paths/r2/series/r2-2/"
+        />    
+      <LinkCard
+          title="Watch Episode 3: "
+          description=" "
+          href="/learning-paths/r2/series/r2-3/"
+        />    
+      <LinkCard
+          title="Watch Episode 4: "
+          description=" "
+          href="/learning-paths/r2/series/r2-4/"
+        />    
+      <LinkCard
+          title="Watch Episode 5: "
+          description=" "
+          href="/learning-paths/r2/series/r2-5/"
+        />                                    
+    </CardGrid>