From c72f380bddfa8a7a169f5d47ee71dded9b28b673 Mon Sep 17 00:00:00 2001 From: kodster28 Date: Wed, 11 Sep 2024 15:13:09 -0500 Subject: [PATCH 1/7] [TEST] DO video series --- astro.config.mjs | 2 +- .../durable-objects/get-started/index.mdx | 12 +++++++++++ .../get-started/video-series/index.mdx | 13 ++++++++++++ .../get-started/video-series/video-1.mdx | 21 +++++++++++++++++++ .../get-started/video-series/video-2.mdx | 21 +++++++++++++++++++ .../get-started/video-series/video-3.mdx | 20 ++++++++++++++++++ .../walkthrough.mdx} | 4 ++-- 7 files changed, 90 insertions(+), 3 deletions(-) create mode 100644 src/content/docs/durable-objects/get-started/index.mdx create mode 100644 src/content/docs/durable-objects/get-started/video-series/index.mdx create mode 100644 src/content/docs/durable-objects/get-started/video-series/video-1.mdx create mode 100644 src/content/docs/durable-objects/get-started/video-series/video-2.mdx create mode 100644 src/content/docs/durable-objects/get-started/video-series/video-3.mdx rename src/content/docs/durable-objects/{get-started.mdx => get-started/walkthrough.mdx} (99%) diff --git a/astro.config.mjs b/astro.config.mjs index 3049062b191604..f2a49e1342f12d 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -136,7 +136,6 @@ export default defineConfig({ PageSidebar: "./src/components/overrides/PageSidebar.astro", SiteTitle: "./src/components/overrides/SiteTitle.astro", PageTitle: "./src/components/overrides/PageTitle.astro", - Pagination: "./src/components/overrides/Pagination.astro", SocialIcons: "./src/components/overrides/SocialIcons.astro", SkipLink: "./src/components/overrides/SkipLink.astro", }, @@ -150,6 +149,7 @@ export default defineConfig({ "./src/table.css", "./src/tailwind.css", ], + pagination: false, plugins: [ starlightDocSearch({ appId: "8MU1G3QO9P", diff --git a/src/content/docs/durable-objects/get-started/index.mdx b/src/content/docs/durable-objects/get-started/index.mdx new file mode 100644 index 00000000000000..d64864ac0a09c0 --- /dev/null +++ b/src/content/docs/durable-objects/get-started/index.mdx @@ -0,0 +1,12 @@ +--- +pcx_content_type: navigation +title: Get started +sidebar: + order: 2 + group: + hideIndex: true +--- + +import { DirectoryListing } from "~/components"; + + diff --git a/src/content/docs/durable-objects/get-started/video-series/index.mdx b/src/content/docs/durable-objects/get-started/video-series/index.mdx new file mode 100644 index 00000000000000..1b7a79844aee1f --- /dev/null +++ b/src/content/docs/durable-objects/get-started/video-series/index.mdx @@ -0,0 +1,13 @@ +--- +pcx_content_type: navigation +title: Video series +sidebar: + order: 2 +next: true +--- + +import { Details, DirectoryListing, Stream } from "~/components"; + +Explore the following video series: + + diff --git a/src/content/docs/durable-objects/get-started/video-series/video-1.mdx b/src/content/docs/durable-objects/get-started/video-series/video-1.mdx new file mode 100644 index 00000000000000..f76f4210e2cf76 --- /dev/null +++ b/src/content/docs/durable-objects/get-started/video-series/video-1.mdx @@ -0,0 +1,21 @@ +--- +pcx_content_type: navigation +title: Video 1 +sidebar: + order: 2 +prev: true +next: true +--- + +import { Details, DirectoryListing, Stream } from "~/components"; + + + +
+ + + +
diff --git a/src/content/docs/durable-objects/get-started/video-series/video-2.mdx b/src/content/docs/durable-objects/get-started/video-series/video-2.mdx new file mode 100644 index 00000000000000..3f2f459086f3f5 --- /dev/null +++ b/src/content/docs/durable-objects/get-started/video-series/video-2.mdx @@ -0,0 +1,21 @@ +--- +pcx_content_type: navigation +title: Video 2 +sidebar: + order: 3 +prev: true +next: true +--- + +import { Details, DirectoryListing, Stream } from "~/components"; + + + +
+ + + +
diff --git a/src/content/docs/durable-objects/get-started/video-series/video-3.mdx b/src/content/docs/durable-objects/get-started/video-series/video-3.mdx new file mode 100644 index 00000000000000..553c98dc3e5250 --- /dev/null +++ b/src/content/docs/durable-objects/get-started/video-series/video-3.mdx @@ -0,0 +1,20 @@ +--- +pcx_content_type: navigation +title: Video 3 +sidebar: + order: 4 +prev: true +--- + +import { Details, DirectoryListing, Stream } from "~/components"; + + + +
+ + + +
diff --git a/src/content/docs/durable-objects/get-started.mdx b/src/content/docs/durable-objects/get-started/walkthrough.mdx similarity index 99% rename from src/content/docs/durable-objects/get-started.mdx rename to src/content/docs/durable-objects/get-started/walkthrough.mdx index e32c8b15a32972..65e19bec8badee 100644 --- a/src/content/docs/durable-objects/get-started.mdx +++ b/src/content/docs/durable-objects/get-started/walkthrough.mdx @@ -1,8 +1,8 @@ --- -title: Get started +title: Walkthrough pcx_content_type: get-started sidebar: - order: 2 + order: 1 --- import { Render, TabItem, Tabs, PackageManagers } from "~/components"; From 892d5eeacf8e8aa7432451912c47a90363645593 Mon Sep 17 00:00:00 2001 From: kodster28 Date: Tue, 17 Sep 2024 13:36:26 -0500 Subject: [PATCH 2/7] Updated with videos and more content --- .../get-started/video-series/app-frontend.mdx | 22 +++++++++++++++++ .../get-started/video-series/deploy-app.mdx | 24 +++++++++++++++++++ .../{video-2.mdx => durable-objects.mdx} | 9 +++---- .../video-series/{video-1.mdx => intro.mdx} | 7 +++--- ...deo-3.mdx => make-answer-webrtc-calls.mdx} | 12 ++++++---- .../video-series/real-time-messaging.mdx | 22 +++++++++++++++++ .../video-series/servlerss-websocket.mdx | 22 +++++++++++++++++ src/schemas/base.ts | 1 + 8 files changed, 107 insertions(+), 12 deletions(-) create mode 100644 src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx create mode 100644 src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx rename src/content/docs/durable-objects/get-started/video-series/{video-2.mdx => durable-objects.mdx} (59%) rename src/content/docs/durable-objects/get-started/video-series/{video-1.mdx => intro.mdx} (66%) rename src/content/docs/durable-objects/get-started/video-series/{video-3.mdx => make-answer-webrtc-calls.mdx} (53%) create mode 100644 src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx create mode 100644 src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx diff --git a/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx b/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx new file mode 100644 index 00000000000000..59a937b5fa299e --- /dev/null +++ b/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx @@ -0,0 +1,22 @@ +--- +pcx_content_type: video +title: Building the App Frontend and UI +sidebar: + order: 6 +prev: true +next: true +--- + +import { Details, DirectoryListing, Stream } from "~/components"; + + + +
+ + + +
diff --git a/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx b/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx new file mode 100644 index 00000000000000..da3d55dbaf60f0 --- /dev/null +++ b/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx @@ -0,0 +1,24 @@ +--- +pcx_content_type: video +title: Deploy your Video Call app +sidebar: + order: 8 +prev: true +next: + link: /durable-objects/examples/ + label: View more examples +--- + +import { Details, DirectoryListing, Stream } from "~/components"; + + + +
+ + + +
diff --git a/src/content/docs/durable-objects/get-started/video-series/video-2.mdx b/src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx similarity index 59% rename from src/content/docs/durable-objects/get-started/video-series/video-2.mdx rename to src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx index 3f2f459086f3f5..0ed1d947468db4 100644 --- a/src/content/docs/durable-objects/get-started/video-series/video-2.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx @@ -1,6 +1,6 @@ --- -pcx_content_type: navigation -title: Video 2 +pcx_content_type: video +title: What are Durable Objects? sidebar: order: 3 prev: true @@ -10,8 +10,9 @@ next: true import { Details, DirectoryListing, Stream } from "~/components";
diff --git a/src/content/docs/durable-objects/get-started/video-series/video-1.mdx b/src/content/docs/durable-objects/get-started/video-series/intro.mdx similarity index 66% rename from src/content/docs/durable-objects/get-started/video-series/video-1.mdx rename to src/content/docs/durable-objects/get-started/video-series/intro.mdx index f76f4210e2cf76..7317669d324b0c 100644 --- a/src/content/docs/durable-objects/get-started/video-series/video-1.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/intro.mdx @@ -1,6 +1,6 @@ --- pcx_content_type: navigation -title: Video 1 +title: Introduction sidebar: order: 2 prev: true @@ -10,8 +10,9 @@ next: true import { Details, DirectoryListing, Stream } from "~/components";
diff --git a/src/content/docs/durable-objects/get-started/video-series/video-3.mdx b/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx similarity index 53% rename from src/content/docs/durable-objects/get-started/video-series/video-3.mdx rename to src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx index 553c98dc3e5250..15a23bc0d44fc4 100644 --- a/src/content/docs/durable-objects/get-started/video-series/video-3.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx @@ -1,16 +1,18 @@ --- -pcx_content_type: navigation -title: Video 3 +pcx_content_type: video +title: Make and Answer WebRTC calls sidebar: - order: 4 + order: 7 prev: true +next: true --- import { Details, DirectoryListing, Stream } from "~/components";
diff --git a/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx b/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx new file mode 100644 index 00000000000000..6da565a7ac38f9 --- /dev/null +++ b/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx @@ -0,0 +1,22 @@ +--- +pcx_content_type: video +title: Real-time messaging with WebSockets +sidebar: + order: 5 +prev: true +next: true +--- + +import { Details, DirectoryListing, Stream } from "~/components"; + + + +
+ + + +
diff --git a/src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx b/src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx new file mode 100644 index 00000000000000..e39da3d3f20972 --- /dev/null +++ b/src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx @@ -0,0 +1,22 @@ +--- +pcx_content_type: video +title: Create a Serverless Websocket 'Backend' +sidebar: + order: 4 +prev: true +next: true +--- + +import { Details, DirectoryListing, Stream } from "~/components"; + + + +
+ + + +
diff --git a/src/schemas/base.ts b/src/schemas/base.ts index d56b19317c85cf..5a1a476a028d2c 100644 --- a/src/schemas/base.ts +++ b/src/schemas/base.ts @@ -32,6 +32,7 @@ export const baseSchema = z.object({ z.literal("example"), z.literal("learning-unit"), z.literal("design-guide"), + z.literal("video"), ]) .catch((ctx) => ctx.input) .optional() From fc6ea7bae0511844f0cf19e17d275376058e20c2 Mon Sep 17 00:00:00 2001 From: kodster28 Date: Tue, 17 Sep 2024 13:37:52 -0500 Subject: [PATCH 3/7] Update style guide --- src/content/docs/style-guide/components/stream.mdx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/content/docs/style-guide/components/stream.mdx b/src/content/docs/style-guide/components/stream.mdx index 5cf54a6e311042..913be95807f10c 100644 --- a/src/content/docs/style-guide/components/stream.mdx +++ b/src/content/docs/style-guide/components/stream.mdx @@ -8,6 +8,7 @@ import { Stream } from "~/components" ``` @@ -18,4 +19,5 @@ import { Stream } from "~/components" \ No newline at end of file From 04cea984e269c14cd162e04621fb2983ca144903 Mon Sep 17 00:00:00 2001 From: kodster28 Date: Tue, 17 Sep 2024 13:39:08 -0500 Subject: [PATCH 4/7] Remove empty pagination override --- src/components/overrides/Pagination.astro | 7 ------- 1 file changed, 7 deletions(-) delete mode 100644 src/components/overrides/Pagination.astro diff --git a/src/components/overrides/Pagination.astro b/src/components/overrides/Pagination.astro deleted file mode 100644 index 69ac7633db97d3..00000000000000 --- a/src/components/overrides/Pagination.astro +++ /dev/null @@ -1,7 +0,0 @@ -{ - /* - We disable this component since it conflicts with - our custom sidebar sort logic, making the prev/next - not follow the same order. -*/ -} From 752adb190dbdbd71180a4f54409813b2b0589fbf Mon Sep 17 00:00:00 2001 From: kodster28 Date: Tue, 17 Sep 2024 15:06:31 -0500 Subject: [PATCH 5/7] Disable right side toc --- .../durable-objects/get-started/video-series/app-frontend.mdx | 1 + .../docs/durable-objects/get-started/video-series/deploy-app.mdx | 1 + .../durable-objects/get-started/video-series/durable-objects.mdx | 1 + .../docs/durable-objects/get-started/video-series/intro.mdx | 1 + .../get-started/video-series/make-answer-webrtc-calls.mdx | 1 + .../get-started/video-series/real-time-messaging.mdx | 1 + .../get-started/video-series/servlerss-websocket.mdx | 1 + 7 files changed, 7 insertions(+) diff --git a/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx b/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx index 59a937b5fa299e..5d90eef65c0d05 100644 --- a/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx @@ -5,6 +5,7 @@ sidebar: order: 6 prev: true next: true +tableOfContents: false --- import { Details, DirectoryListing, Stream } from "~/components"; diff --git a/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx b/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx index da3d55dbaf60f0..0cd9473574e5f9 100644 --- a/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx @@ -4,6 +4,7 @@ title: Deploy your Video Call app sidebar: order: 8 prev: true +tableOfContents: false next: link: /durable-objects/examples/ label: View more examples diff --git a/src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx b/src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx index 0ed1d947468db4..153cf3b306060e 100644 --- a/src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx @@ -5,6 +5,7 @@ sidebar: order: 3 prev: true next: true +tableOfContents: false --- import { Details, DirectoryListing, Stream } from "~/components"; diff --git a/src/content/docs/durable-objects/get-started/video-series/intro.mdx b/src/content/docs/durable-objects/get-started/video-series/intro.mdx index 7317669d324b0c..cce184cea87243 100644 --- a/src/content/docs/durable-objects/get-started/video-series/intro.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/intro.mdx @@ -5,6 +5,7 @@ sidebar: order: 2 prev: true next: true +tableOfContents: false --- import { Details, DirectoryListing, Stream } from "~/components"; diff --git a/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx b/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx index 15a23bc0d44fc4..b110879427f144 100644 --- a/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx @@ -5,6 +5,7 @@ sidebar: order: 7 prev: true next: true +tableOfContents: false --- import { Details, DirectoryListing, Stream } from "~/components"; diff --git a/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx b/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx index 6da565a7ac38f9..5c07ec54da68ae 100644 --- a/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx @@ -5,6 +5,7 @@ sidebar: order: 5 prev: true next: true +tableOfContents: false --- import { Details, DirectoryListing, Stream } from "~/components"; diff --git a/src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx b/src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx index e39da3d3f20972..3c118659fa7b0d 100644 --- a/src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx @@ -5,6 +5,7 @@ sidebar: order: 4 prev: true next: true +tableOfContents: false --- import { Details, DirectoryListing, Stream } from "~/components"; From 49d9f6fa3df0031676ed1994c4c7b84e3a014ff7 Mon Sep 17 00:00:00 2001 From: kodster28 Date: Wed, 18 Sep 2024 15:11:49 -0500 Subject: [PATCH 6/7] Update to add descriptions and links --- .../get-started/video-series/app-frontend.mdx | 6 ++++ .../get-started/video-series/deploy-app.mdx | 7 +++++ .../video-series/durable-objects.mdx | 6 ++++ .../get-started/video-series/index.mdx | 6 ++-- .../get-started/video-series/intro.mdx | 6 ++++ .../video-series/make-answer-webrtc-calls.mdx | 6 ++++ .../video-series/real-time-messaging.mdx | 6 ++++ .../video-series/serverless-websocket.mdx | 31 +++++++++++++++++++ .../video-series/servlerss-websocket.mdx | 23 -------------- 9 files changed, 72 insertions(+), 25 deletions(-) create mode 100644 src/content/docs/durable-objects/get-started/video-series/serverless-websocket.mdx delete mode 100644 src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx diff --git a/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx b/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx index 5d90eef65c0d05..a4deaf00ed26e3 100644 --- a/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx @@ -16,6 +16,12 @@ import { Details, DirectoryListing, Stream } from "~/components"; thumbnailStartTime="2.5s" /> +Now, we're moving to the frontend. In this video, we'll set up the frontend starter code (the starter code is located in the Veet Github repository), connect to Durable Objects using a call room ID, and display a local video preview. + +Useful links: + +- [Github code](https://github.com/megaconfidence/veet) +
diff --git a/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx b/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx index 0cd9473574e5f9..71db1c0dfc1681 100644 --- a/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx @@ -18,6 +18,13 @@ import { Details, DirectoryListing, Stream } from "~/components"; thumbnailStartTime="2.5s" /> +We’re almost done with the project, and in this video, we’ll add the finishing touches. Learn how to handle call disconnections, wire up essential media controls like muting/unmuting and video toggling, and integrate a TURN server to ensure reliable connections even behind firewalls. By the end of this video, your app will be fully functional and ready for deployment. + +Useful links: + +- [Github code](https://github.com/megaconfidence/veet) +- [TURN service](/calls/turn/) +
diff --git a/src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx b/src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx index 153cf3b306060e..892471402008f3 100644 --- a/src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/durable-objects.mdx @@ -16,6 +16,12 @@ import { Details, DirectoryListing, Stream } from "~/components"; thumbnailStartTime="2.5s" /> +In this video, we will show how Durable Objects work and start building a video call app together. + +Useful links: + +- [Sign up](https://dash.cloudflare.com/sign-up) for a Cloudflare account +
diff --git a/src/content/docs/durable-objects/get-started/video-series/index.mdx b/src/content/docs/durable-objects/get-started/video-series/index.mdx index 1b7a79844aee1f..33912a7bfa8e5e 100644 --- a/src/content/docs/durable-objects/get-started/video-series/index.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/index.mdx @@ -6,8 +6,10 @@ sidebar: next: true --- -import { Details, DirectoryListing, Stream } from "~/components"; +import { DirectoryListing, Stream } from "~/components"; -Explore the following video series: +Building stateful apps on a serverless architecture has been difficult until Cloudflare’s Durable Objects - a powerful API that enables you to easily build stateful serverless apps on Workers. In this series of videos, we will show how Durable Objects work and start building a video call app together. + +To get started, [create an account](https://dash.cloudflare.com/sign-up) on Cloudflare today for free. diff --git a/src/content/docs/durable-objects/get-started/video-series/intro.mdx b/src/content/docs/durable-objects/get-started/video-series/intro.mdx index cce184cea87243..bd6fd5b62857a3 100644 --- a/src/content/docs/durable-objects/get-started/video-series/intro.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/intro.mdx @@ -16,6 +16,12 @@ import { Details, DirectoryListing, Stream } from "~/components"; thumbnailStartTime="2.5s" /> +In this episode, we will present an overview of the final project, discuss its underlying architecture, and access resources to set up the project locally. + +Useful links: + +- [GitHub code](https://github.com/megaconfidence/veet) +
diff --git a/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx b/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx index b110879427f144..e1aa93c22bc562 100644 --- a/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx @@ -16,6 +16,12 @@ import { Details, DirectoryListing, Stream } from "~/components"; thumbnailStartTime="2.5s" /> +In this video, we’ll build on the frontend we set up earlier by adding functionality for making and answering WebRTC video calls. You’ll learn how to create peer-to-peer connections, handle ICE candidates, and seamlessly send and receive video streams between users. + +Useful links: + +- [Github code](https://github.com/megaconfidence/veet) +
diff --git a/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx b/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx index 5c07ec54da68ae..840ce952886dbf 100644 --- a/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx @@ -16,6 +16,12 @@ import { Details, DirectoryListing, Stream } from "~/components"; thumbnailStartTime="2.5s" /> +Now, we'll take it a step further by enabling our server to receive and broadcast messages. In this video, you'll learn how to route and broadcast incoming messages from WebSocket connections and implement error handling such as closed WebSocket connections. By the end, you will have completed the backend for our video call app. + +Useful links: + +- [Github code](https://github.com/megaconfidence/veet) +
diff --git a/src/content/docs/durable-objects/get-started/video-series/serverless-websocket.mdx b/src/content/docs/durable-objects/get-started/video-series/serverless-websocket.mdx new file mode 100644 index 00000000000000..ca1308530f4ba5 --- /dev/null +++ b/src/content/docs/durable-objects/get-started/video-series/serverless-websocket.mdx @@ -0,0 +1,31 @@ +--- +pcx_content_type: video +title: Create a Serverless Websocket 'Backend' +sidebar: + order: 4 +prev: true +next: true +tableOfContents: false +--- + +import { Details, DirectoryListing, Stream } from "~/components"; + + + +In this video, we'll create a WebSocket backend using serverless technology, making the process simpler than ever before. You'll learn how to create your first Durable Object, set up a WebSocket server to coordinate connections, and keep track of connected clients. + +Useful links: + +- [CLI command](/pages/get-started/c3/) for creating new Workers and Pages projects +- [Hopscotch.io](https://hoppscotch.io/) for local websocket testing +- [Github code](https://github.com/megaconfidence/veet) + +
+ + + +
diff --git a/src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx b/src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx deleted file mode 100644 index 3c118659fa7b0d..00000000000000 --- a/src/content/docs/durable-objects/get-started/video-series/servlerss-websocket.mdx +++ /dev/null @@ -1,23 +0,0 @@ ---- -pcx_content_type: video -title: Create a Serverless Websocket 'Backend' -sidebar: - order: 4 -prev: true -next: true -tableOfContents: false ---- - -import { Details, DirectoryListing, Stream } from "~/components"; - - - -
- - - -
From 28c4ed748f33515f8e4dd435699ac063dac471b0 Mon Sep 17 00:00:00 2001 From: Kody Jackson Date: Wed, 18 Sep 2024 15:15:29 -0500 Subject: [PATCH 7/7] Apply suggestions from code review Co-authored-by: hyperlint-ai[bot] <154288675+hyperlint-ai[bot]@users.noreply.github.com> --- .../durable-objects/get-started/video-series/app-frontend.mdx | 4 ++-- .../durable-objects/get-started/video-series/deploy-app.mdx | 4 ++-- .../docs/durable-objects/get-started/video-series/index.mdx | 2 +- .../get-started/video-series/make-answer-webrtc-calls.mdx | 4 ++-- .../get-started/video-series/real-time-messaging.mdx | 2 +- .../get-started/video-series/serverless-websocket.mdx | 4 ++-- 6 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx b/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx index a4deaf00ed26e3..9c4a9ad223ed6b 100644 --- a/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/app-frontend.mdx @@ -16,11 +16,11 @@ import { Details, DirectoryListing, Stream } from "~/components"; thumbnailStartTime="2.5s" /> -Now, we're moving to the frontend. In this video, we'll set up the frontend starter code (the starter code is located in the Veet Github repository), connect to Durable Objects using a call room ID, and display a local video preview. +Now, we're moving to the frontend. In this video, we'll set up the frontend starter code (the starter code is located in the Veet GitHub repository), connect to Durable Objects using a call room ID, and display a local video preview. Useful links: -- [Github code](https://github.com/megaconfidence/veet) +- [GitHub code](https://github.com/megaconfidence/veet)
diff --git a/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx b/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx index 71db1c0dfc1681..48705cdd2e1517 100644 --- a/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/deploy-app.mdx @@ -18,11 +18,11 @@ import { Details, DirectoryListing, Stream } from "~/components"; thumbnailStartTime="2.5s" /> -We’re almost done with the project, and in this video, we’ll add the finishing touches. Learn how to handle call disconnections, wire up essential media controls like muting/unmuting and video toggling, and integrate a TURN server to ensure reliable connections even behind firewalls. By the end of this video, your app will be fully functional and ready for deployment. +We're almost done with the project, and in this video, we'll add the finishing touches. Learn how to handle call disconnections, wire up essential media controls like muting/unmuting and video toggling, and integrate a TURN server to ensure reliable connections even behind firewalls. By the end of this video, your app will be fully functional and ready for deployment. Useful links: -- [Github code](https://github.com/megaconfidence/veet) +- [GitHub code](https://github.com/megaconfidence/veet) - [TURN service](/calls/turn/)
diff --git a/src/content/docs/durable-objects/get-started/video-series/index.mdx b/src/content/docs/durable-objects/get-started/video-series/index.mdx index 33912a7bfa8e5e..36c1cbdbd38fac 100644 --- a/src/content/docs/durable-objects/get-started/video-series/index.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/index.mdx @@ -8,7 +8,7 @@ next: true import { DirectoryListing, Stream } from "~/components"; -Building stateful apps on a serverless architecture has been difficult until Cloudflare’s Durable Objects - a powerful API that enables you to easily build stateful serverless apps on Workers. In this series of videos, we will show how Durable Objects work and start building a video call app together. +Building stateful apps on a serverless architecture has been difficult until Cloudflare's Durable Objects - a powerful API that enables you to easily build stateful serverless apps on Workers. In this series of videos, we will show how Durable Objects work and start building a video call app together. To get started, [create an account](https://dash.cloudflare.com/sign-up) on Cloudflare today for free. diff --git a/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx b/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx index e1aa93c22bc562..3fef34c3e69b4a 100644 --- a/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/make-answer-webrtc-calls.mdx @@ -16,11 +16,11 @@ import { Details, DirectoryListing, Stream } from "~/components"; thumbnailStartTime="2.5s" /> -In this video, we’ll build on the frontend we set up earlier by adding functionality for making and answering WebRTC video calls. You’ll learn how to create peer-to-peer connections, handle ICE candidates, and seamlessly send and receive video streams between users. +In this video, we'll build on the frontend we set up earlier by adding functionality for making and answering WebRTC video calls. You'll learn how to create peer-to-peer connections, handle ICE candidates, and seamlessly send and receive video streams between users. Useful links: -- [Github code](https://github.com/megaconfidence/veet) +- [GitHub code](https://github.com/megaconfidence/veet)
diff --git a/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx b/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx index 840ce952886dbf..c2d5ca707f74f0 100644 --- a/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/real-time-messaging.mdx @@ -20,7 +20,7 @@ Now, we'll take it a step further by enabling our server to receive and broadcas Useful links: -- [Github code](https://github.com/megaconfidence/veet) +- [GitHub code](https://github.com/megaconfidence/veet)
diff --git a/src/content/docs/durable-objects/get-started/video-series/serverless-websocket.mdx b/src/content/docs/durable-objects/get-started/video-series/serverless-websocket.mdx index ca1308530f4ba5..0db5aac56e58c9 100644 --- a/src/content/docs/durable-objects/get-started/video-series/serverless-websocket.mdx +++ b/src/content/docs/durable-objects/get-started/video-series/serverless-websocket.mdx @@ -21,8 +21,8 @@ In this video, we'll create a WebSocket backend using serverless technology, mak Useful links: - [CLI command](/pages/get-started/c3/) for creating new Workers and Pages projects -- [Hopscotch.io](https://hoppscotch.io/) for local websocket testing -- [Github code](https://github.com/megaconfidence/veet) +- [Hopscotch.io](https://hoppscotch.io/) for local WebSocket testing +- [GitHub code](https://github.com/megaconfidence/veet)