From f0ca57863d2361caf3fa00a4e594e2dd57eb5a98 Mon Sep 17 00:00:00 2001 From: Rohan Arthur Date: Mon, 23 Jun 2025 15:16:33 +0530 Subject: [PATCH 1/7] top level folder for rtk --- src/content/docs/realtimekit/index.mdx | 34 ++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 src/content/docs/realtimekit/index.mdx diff --git a/src/content/docs/realtimekit/index.mdx b/src/content/docs/realtimekit/index.mdx new file mode 100644 index 00000000000000..bf846fd618c961 --- /dev/null +++ b/src/content/docs/realtimekit/index.mdx @@ -0,0 +1,34 @@ +--- +title: RealtimeKit +pcx_content_type: overview +sidebar: + order: 1 +head: + - tag: title + content: Overview +--- + +import { Description, LinkButton } from "~/components"; + + + +Build real-time serverless video, audio and data applications. + + + +Cloudflare Realtime is infrastructure for real-time audio/video/data applications. It allows you to build real-time apps without worrying about scaling or regions. It can act as a selective forwarding unit (WebRTC SFU), as a fanout delivery system for broadcasting (WebRTC CDN) or anything in between. + +Cloudflare Realtime runs on [Cloudflare's global cloud network](https://www.cloudflare.com/network/) in hundreds of cities worldwide. + + + Get started + + + Realtime dashboard + + + Orange Meets demo app + From de223a7ca72bd90e2abe561b7fb17e9f4e27f0db Mon Sep 17 00:00:00 2001 From: Rohan Arthur Date: Tue, 24 Jun 2025 12:15:39 +0530 Subject: [PATCH 2/7] moved rtk folder under realtime to match hierarchy on dashboard --- src/content/docs/{ => realtime}/realtimekit/index.mdx | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/content/docs/{ => realtime}/realtimekit/index.mdx (100%) diff --git a/src/content/docs/realtimekit/index.mdx b/src/content/docs/realtime/realtimekit/index.mdx similarity index 100% rename from src/content/docs/realtimekit/index.mdx rename to src/content/docs/realtime/realtimekit/index.mdx From e129cffef0eab52a8d4216c9368d8d7087369637 Mon Sep 17 00:00:00 2001 From: Rohan Arthur Date: Tue, 24 Jun 2025 12:33:01 +0530 Subject: [PATCH 3/7] basic home page and guides placeholder --- .../realtime/realtimekit/guides/index.mdx | 17 ++++++++++++ .../docs/realtime/realtimekit/index.mdx | 27 +++++++++++-------- 2 files changed, 33 insertions(+), 11 deletions(-) create mode 100644 src/content/docs/realtime/realtimekit/guides/index.mdx diff --git a/src/content/docs/realtime/realtimekit/guides/index.mdx b/src/content/docs/realtime/realtimekit/guides/index.mdx new file mode 100644 index 00000000000000..7dda9932990932 --- /dev/null +++ b/src/content/docs/realtime/realtimekit/guides/index.mdx @@ -0,0 +1,17 @@ +--- +title: Guides +pcx_content_type: overview +sidebar: + order: 1 +head: + - tag: title + content: Overview +--- + +import { Description, LinkButton } from "~/components"; + + + + + +TBD diff --git a/src/content/docs/realtime/realtimekit/index.mdx b/src/content/docs/realtime/realtimekit/index.mdx index bf846fd618c961..8f423bad2b560c 100644 --- a/src/content/docs/realtime/realtimekit/index.mdx +++ b/src/content/docs/realtime/realtimekit/index.mdx @@ -12,23 +12,28 @@ import { Description, LinkButton } from "~/components"; -Build real-time serverless video, audio and data applications. - -Cloudflare Realtime is infrastructure for real-time audio/video/data applications. It allows you to build real-time apps without worrying about scaling or regions. It can act as a selective forwarding unit (WebRTC SFU), as a fanout delivery system for broadcasting (WebRTC CDN) or anything in between. +Integrate programmable, and easily customizable live video and voice into your web, mobile, and desktop applications with just a few lines of code. + +### Live Video Calls + +Enable live video communication within your application using WebRTC. Perfect for education, telemedicine, social networks and gaming. [More](/realtimekit/guides/live-video/intro-video-conf) + +### Voice Calls -Cloudflare Realtime runs on [Cloudflare's global cloud network](https://www.cloudflare.com/network/) in hundreds of cities worldwide. +Incorporate high-quality real-time audio into your application using WebRTC. Build voice calls, audio conferences, voice chats in games and more. [More](/realtimekit/guides/voice-conf/intro-voice-conf) - - Get started +### Interactive Live Streaming + +Integrate highly scalable live video broadcasting capabilities into your app using HLS, ideal for apps that involve streaming webinars, sports or live events. [More](/realtimekit/guides/livestream/livestream-overview) + + + Guides - Realtime dashboard - - - Orange Meets demo app + RealtimeKit dashboard From 89cdee42fa44f76b3e7ef149cf914619fb933896 Mon Sep 17 00:00:00 2001 From: Rohan Arthur Date: Tue, 24 Jun 2025 16:11:22 +0530 Subject: [PATCH 4/7] guides home page with broken links --- .../realtime/realtimekit/guides/index.mdx | 66 +++++++++++++++++-- .../realtimekit/partials/_product-section.mdx | 35 ++++++++++ 2 files changed, 97 insertions(+), 4 deletions(-) create mode 100644 src/content/docs/realtime/realtimekit/partials/_product-section.mdx diff --git a/src/content/docs/realtime/realtimekit/guides/index.mdx b/src/content/docs/realtime/realtimekit/guides/index.mdx index 7dda9932990932..e8ce3b04676ed4 100644 --- a/src/content/docs/realtime/realtimekit/guides/index.mdx +++ b/src/content/docs/realtime/realtimekit/guides/index.mdx @@ -8,10 +8,68 @@ head: content: Overview --- -import { Description, LinkButton } from "~/components"; +import ProductSection from "src/content/docs/realtime/realtimekit/partials/_product-section.mdx"; +import { + CardGrid, + Card, + LinkCard, + LinkTitleCard, +} from "@astrojs/starlight/components"; - + - +## Capabilities -TBD +Learn how to use key features of RealtimeKit, such as recording, breakout rooms, webinars, and more. + + + + + + + + + + +## REST APIs + +Learn the basics of working with RealtimeKit's REST APIs. + + + + diff --git a/src/content/docs/realtime/realtimekit/partials/_product-section.mdx b/src/content/docs/realtime/realtimekit/partials/_product-section.mdx new file mode 100644 index 00000000000000..c789490dfccdef --- /dev/null +++ b/src/content/docs/realtime/realtimekit/partials/_product-section.mdx @@ -0,0 +1,35 @@ +import { Description, LinkButton } from "~/components"; +import { + CardGrid, + Card, + LinkCard, + LinkTitleCard, +} from "@astrojs/starlight/components"; + + + Learn how to integrate live video and voice, live stream, and chat experiences + into your product. + + +## Quickstart + + + + + + From 769cf3f35828be7287cc7787c74c1dccdcbbc8ad Mon Sep 17 00:00:00 2001 From: Rohan Arthur Date: Tue, 24 Jun 2025 16:29:00 +0530 Subject: [PATCH 5/7] changes main overview to card layout --- .../docs/realtime/realtimekit/index.mdx | 33 ++++++++++++------- 1 file changed, 21 insertions(+), 12 deletions(-) diff --git a/src/content/docs/realtime/realtimekit/index.mdx b/src/content/docs/realtime/realtimekit/index.mdx index 8f423bad2b560c..29c6ad191fcd31 100644 --- a/src/content/docs/realtime/realtimekit/index.mdx +++ b/src/content/docs/realtime/realtimekit/index.mdx @@ -8,7 +8,7 @@ head: content: Overview --- -import { Description, LinkButton } from "~/components"; +import { Description, LinkButton, CardGrid, LinkCard } from "~/components"; @@ -16,17 +16,26 @@ import { Description, LinkButton } from "~/components"; Integrate programmable, and easily customizable live video and voice into your web, mobile, and desktop applications with just a few lines of code. -### Live Video Calls - -Enable live video communication within your application using WebRTC. Perfect for education, telemedicine, social networks and gaming. [More](/realtimekit/guides/live-video/intro-video-conf) - -### Voice Calls - -Incorporate high-quality real-time audio into your application using WebRTC. Build voice calls, audio conferences, voice chats in games and more. [More](/realtimekit/guides/voice-conf/intro-voice-conf) - -### Interactive Live Streaming - -Integrate highly scalable live video broadcasting capabilities into your app using HLS, ideal for apps that involve streaming webinars, sports or live events. [More](/realtimekit/guides/livestream/livestream-overview) + + + + + Guides From 1213a4c58a5da37ebddaa0e324e7dcb29ba60d73 Mon Sep 17 00:00:00 2001 From: Rohan Arthur Date: Wed, 25 Jun 2025 11:53:07 +0530 Subject: [PATCH 6/7] adds folder for image assets --- src/content/docs/realtime/realtimekit/guides/index.mdx | 4 ++-- .../docs/realtime/realtimekit/partials/_product-section.mdx | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/content/docs/realtime/realtimekit/guides/index.mdx b/src/content/docs/realtime/realtimekit/guides/index.mdx index e8ce3b04676ed4..1f7bc8c70a7fa0 100644 --- a/src/content/docs/realtime/realtimekit/guides/index.mdx +++ b/src/content/docs/realtime/realtimekit/guides/index.mdx @@ -18,7 +18,7 @@ import { -## Capabilities +### Capabilities Learn how to use key features of RealtimeKit, such as recording, breakout rooms, webinars, and more. @@ -61,7 +61,7 @@ Learn how to use key features of RealtimeKit, such as recording, breakout rooms, /> -## REST APIs +### Working with RealtimeKit APIs Learn the basics of working with RealtimeKit's REST APIs. diff --git a/src/content/docs/realtime/realtimekit/partials/_product-section.mdx b/src/content/docs/realtime/realtimekit/partials/_product-section.mdx index c789490dfccdef..43324e0fe674f0 100644 --- a/src/content/docs/realtime/realtimekit/partials/_product-section.mdx +++ b/src/content/docs/realtime/realtimekit/partials/_product-section.mdx @@ -11,7 +11,7 @@ import { into your product. -## Quickstart +### Quickstart Date: Mon, 30 Jun 2025 16:08:42 +0530 Subject: [PATCH 7/7] fix: urls are prefixed with /realtime/realtimekit --- .../docs/realtime/realtimekit/guides/index.mdx | 14 +++++++------- src/content/docs/realtime/realtimekit/index.mdx | 8 ++++---- .../realtimekit/partials/_product-section.mdx | 6 +++--- 3 files changed, 14 insertions(+), 14 deletions(-) diff --git a/src/content/docs/realtime/realtimekit/guides/index.mdx b/src/content/docs/realtime/realtimekit/guides/index.mdx index 1f7bc8c70a7fa0..319718598b7efb 100644 --- a/src/content/docs/realtime/realtimekit/guides/index.mdx +++ b/src/content/docs/realtime/realtimekit/guides/index.mdx @@ -24,37 +24,37 @@ Learn how to use key features of RealtimeKit, such as recording, breakout rooms, - RealtimeKit dashboard + RealtimeKit Dashboard diff --git a/src/content/docs/realtime/realtimekit/partials/_product-section.mdx b/src/content/docs/realtime/realtimekit/partials/_product-section.mdx index 43324e0fe674f0..9d1bbf0b04242d 100644 --- a/src/content/docs/realtime/realtimekit/partials/_product-section.mdx +++ b/src/content/docs/realtime/realtimekit/partials/_product-section.mdx @@ -15,19 +15,19 @@ import {