Add descriptions and unique titles to all pages

juancarmore · juancarmore · commit df02a325ef73 · 2025-01-02T11:25:06.000+01:00
diff --git a/docs/about-openvidu.md b/docs/about-openvidu.md
@@ -1,3 +1,7 @@
+---
+description: OpenVidu is a powerful platform to develop WebRTC real-time applications. Based on LiveKit and mediasoup, performant, fault-tolerant, scalable and observable.
+---
+
 [OpenVidu](https://openvidu.io){target=\_blank} is a powerful platform to develop WebRTC real-time applications. With it you can add real-time audio and video capabilities to your application: build any kind of videoconference experience, serve ultra-low latency livestreams to thousands of users, manage real-time videos from your drones or camera feeds and record them... The possibilities are truly endless!
 
 It is based on [LiveKit](https://livekit.io/){target=\_blank} and [mediasoup](https://mediasoup.org/){target=\_blank}, bringing the best of both worlds to provide a performant, fault-tolerant, scalable and observable solution.
diff --git a/docs/index.md b/docs/index.md
@@ -84,7 +84,7 @@ They use the proper [LiveKit Server SDK](https://docs.livekit.io/reference/){tar
 
 <div class="tutorials-container" markdown>
 
-[:simple-nodedotjs:{.icon .lg-icon .tab-icon} **NodeJS**](./tutorials/application-server/node.md){ .md-button .md-button--primary .tutorial-link }
+[:simple-nodedotjs:{.icon .lg-icon .tab-icon} **Node.js**](./tutorials/application-server/node.md){ .md-button .md-button--primary .tutorial-link }
 
 [:simple-goland:{.icon .lg-icon .tab-icon} **Go**](./tutorials/application-server/go.md){ .md-button .md-button--primary .tutorial-link}
 
diff --git a/docs/openvidu-vs-livekit.md b/docs/openvidu-vs-livekit.md
@@ -1,3 +1,7 @@
+---
+description: Compare OpenVidu and LiveKit for local development. Discover the advantages of running OpenVidu locally and how it can help you develop your real-time application.
+---
+
 # Running OpenVidu vs LiveKit locally
 
 If you want to run the tutorials on this site locally without the need to create an account on [LiveKit Cloud](https://cloud.livekit.io/){target="_blank"}, we recommend **running OpenVidu locally**. OpenVidu is 100% compatible with LiveKit, and it offers many **advantages** for local development:
diff --git a/docs/tutorials/advanced-features/index.md b/docs/tutorials/advanced-features/index.md
@@ -1,4 +1,9 @@
-# Advanced features tutorials
+---
+title: Advanced Features Tutorials
+description: Explore more advanced features of LiveKit with our tutorials on recording and more.
+---
+
+# Advanced Features Tutorials
 
 Explore more advanced features of LiveKit! For now, we have implemented a basic **recording** tutorial and an advanced one, but our tutorials for **streaming** and **ingesting** are coming soon.
 
diff --git a/docs/tutorials/advanced-features/recording-advanced.md b/docs/tutorials/advanced-features/recording-advanced.md
@@ -1,4 +1,9 @@
-# openvidu-recording-advanced-node
+---
+title: Advanced Recording Tutorial
+description: Learn how to improve the basic recording tutorial by adding complete recording metadata, real time recording status notification and more.
+---
+
+# Advanced Recording Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/advanced-features/openvidu-recording-advanced-node){ .md-button target=\_blank }
 
@@ -23,7 +28,7 @@ git clone https://github.com/OpenVidu/openvidu-livekit-tutorials.git
 
 ### 3. Run the application
 
-To run this application, you need [Node](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your device.
+To run this application, you need [Node.js](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your device.
 
 1. Navigate into the application directory
 
diff --git a/docs/tutorials/advanced-features/recording-basic.md b/docs/tutorials/advanced-features/recording-basic.md
@@ -1,4 +1,9 @@
-# openvidu-recording-basic-node
+---
+title: Basic Recording Tutorial
+description: Learn how to record a room and manage recordings by extending a simple video-call application built upon Node.js server and JavaScript client.
+---
+
+# Basic Recording Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/advanced-features/openvidu-recording-basic-node){ .md-button target=\_blank }
 
@@ -24,7 +29,7 @@ git clone https://github.com/OpenVidu/openvidu-livekit-tutorials.git
 
 ### 3. Run the application
 
-To run this application, you need [Node](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your device.
+To run this application, you need [Node.js](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your device.
 
 1. Navigate into the application directory
 
diff --git a/docs/tutorials/application-client/android.md b/docs/tutorials/application-client/android.md
@@ -1,4 +1,9 @@
-# openvidu-android
+---
+title: Android Tutorial
+description: Learn how to build a simple video-call app for Android using Kotlin with LiveKit Android Kotlin SDK. Allow users to join a room, publish and subscribe to media.
+---
+
+# Android Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-client/openvidu-android){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-client/angular.md b/docs/tutorials/application-client/angular.md
@@ -1,4 +1,9 @@
-# openvidu-angular
+---
+title: Angular Tutorial
+description: Learn how to build a simple video-call app using Angular with LiveKit JS SDK. Allow users to join a room, publish and subscribe to media.
+---
+
+# Angular Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-client/openvidu-angular){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-client/electron.md b/docs/tutorials/application-client/electron.md
@@ -1,4 +1,9 @@
-# openvidu-electron
+---
+title: Electron Tutorial
+description: Learn how to build a simple video-call app using Electron with LiveKit JS SDK. Allow users to join a room, publish and subscribe to media.
+---
+
+# Electron Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-client/openvidu-js){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-client/index.md b/docs/tutorials/application-client/index.md
@@ -1,4 +1,9 @@
-# Application client tutorials
+---
+title: Application Client Tutorials
+description: Learn how to build a LiveKit application client to connect to a room, publish media and subscribe to media from other participants.
+---
+
+# Application Client Tutorials
 
 Every application client below shares the same core functionality:
 
diff --git a/docs/tutorials/application-client/ionic.md b/docs/tutorials/application-client/ionic.md
@@ -1,4 +1,9 @@
-# openvidu-ionic
+---
+title: Ionic Tutorial
+description: Learn how to build a simple video-call app using Ionic and Angular with LiveKit JS SDK. Allow users to join a room, publish and subscribe to media.
+---
+
+# Ionic Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-client/openvidu-ionic){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-client/ios.md b/docs/tutorials/application-client/ios.md
@@ -1,4 +1,9 @@
-# openvidu-ios
+---
+title: iOS Tutorial
+description: Learn how to build a simple video-call app for iOS using Swift with LiveKit Swift SDK. Allow users to join a room, publish and subscribe to media.
+---
+
+# iOS Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-client/openvidu-ios){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-client/javascript.md b/docs/tutorials/application-client/javascript.md
@@ -1,4 +1,9 @@
-# openvidu-js
+---
+title: JavaScript Tutorial
+description: Learn how to build a simple video-call app using plain JavaScript, HTML and CSS with LiveKit JS SDK. Allow users to join a room, publish and subscribe to media.
+---
+
+# JavaScript Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-client/openvidu-js){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-client/react.md b/docs/tutorials/application-client/react.md
@@ -1,4 +1,9 @@
-# openvidu-react
+---
+title: React Tutorial
+description: Learn how to build a simple video-call app using React with LiveKit JS SDK. Allow users to join a room, publish and subscribe to media.
+---
+
+# React Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-client/openvidu-react){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-client/vue.md b/docs/tutorials/application-client/vue.md
@@ -1,4 +1,9 @@
-# openvidu-vue
+---
+title: Vue Tutorial
+description: Learn how to build a simple video-call app using Vue with LiveKit JS SDK. Allow users to join a room, publish and subscribe to media.
+---
+
+# Vue Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-client/openvidu-vue){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-server/dotnet.md b/docs/tutorials/application-server/dotnet.md
@@ -1,4 +1,9 @@
-# .NET
+---
+title: .NET Server Tutorial
+description: Learn how to build a minimal .NET application server with ASP.NET to generate LiveKit tokens and receive webhook events using the LiveKit .NET SDK.
+---
+
+# .NET Server Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-server/dotnet){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-server/go.md b/docs/tutorials/application-server/go.md
@@ -1,4 +1,9 @@
-# Go
+---
+title: Go Server Tutorial
+description: Learn how to build a minimal Go application server with Gin to generate LiveKit tokens and receive webhook events using the LiveKit Go SDK.
+---
+
+# Go Server Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-server/go){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-server/index.md b/docs/tutorials/application-server/index.md
@@ -1,4 +1,9 @@
-# Application server tutorials
+---
+title: Application Server Tutorials
+description: Learn how to build an application server that generates LiveKit tokens and receives webhook events.
+---
+
+# Application Server Tutorials
 
 Every application server below has two specific purposes: 
 
@@ -14,7 +19,7 @@ They use the proper [LiveKit Server SDK](https://docs.livekit.io/reference/){tar
 
 <div class="tutorials-container" markdown>
 
-[:simple-nodedotjs:{.icon .lg-icon .tab-icon} **NodeJS**](./node.md){ .md-button .md-button--primary .tutorial-link }
+[:simple-nodedotjs:{.icon .lg-icon .tab-icon} **Node.js**](./node.md){ .md-button .md-button--primary .tutorial-link }
 
 [:simple-goland:{.icon .lg-icon .tab-icon} **Go**](./go.md){ .md-button .md-button--primary .tutorial-link}
 
diff --git a/docs/tutorials/application-server/java.md b/docs/tutorials/application-server/java.md
@@ -1,4 +1,9 @@
-# Java
+---
+title: Java Server Tutorial
+description: Learn how to build a minimal Java application server with Spring Boot to generate LiveKit tokens and receive webhook events using the LiveKit Kotlin SDK.
+---
+
+# Java Server Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-server/java){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-server/node.md b/docs/tutorials/application-server/node.md
@@ -1,8 +1,12 @@
-# Node
+title: Node.js Server Tutorial
+description: Learn how to build a minimal Node.js server with Express to generate LiveKit tokens and receive webhook events using the LiveKit JS SDK.
+---
+
+# Node.js Server Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-server/node){ .md-button target=\_blank }
 
-This is a minimal server application built for Node with [Express](https://expressjs.com/){:target="\_blank"} that allows:
+This is a minimal server application built for Node.js with [Express](https://expressjs.com/){:target="\_blank"} that allows:
 
 - Generating LiveKit tokens on demand for any [application client](../application-client/index.md).
 - Receiving LiveKit [webhook events](https://docs.livekit.io/home/server/webhooks/){target=\_blank}.
diff --git a/docs/tutorials/application-server/php.md b/docs/tutorials/application-server/php.md
@@ -1,4 +1,9 @@
-# PHP
+---
+title: PHP Server Tutorial
+description: Learn how to build a minimal PHP server to generate LiveKit tokens and receive webhook events using the LiveKit PHP SDK.
+---
+
+# PHP Server Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-server/php){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-server/python.md b/docs/tutorials/application-server/python.md
@@ -1,4 +1,9 @@
-# Python
+---
+title: Python Server Tutorial
+description: Learn how to build a minimal Python application server with Flask to generate LiveKit tokens and receive webhook events using the LiveKit Python SDK.
+---
+
+# Python Server Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-server/python){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-server/ruby.md b/docs/tutorials/application-server/ruby.md
@@ -1,4 +1,9 @@
-# Ruby
+---
+title: Ruby Server Tutorial
+description: Learn how to build a minimal Ruby application server with Sinatra to generate LiveKit tokens and receive webhook events using the LiveKit Ruby SDK.
+---
+
+# Ruby Server Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-server/ruby){ .md-button target=\_blank }
 
diff --git a/docs/tutorials/application-server/rust.md b/docs/tutorials/application-server/rust.md
@@ -1,4 +1,9 @@
-# Rust
+---
+title: Rust Server Tutorial
+description: Learn how to build a minimal Rust application server with Axum to generate LiveKit tokens and receive webhook events using the LiveKit Rust SDK.
+---
+
+# Rust Server Tutorial
 
 [Source code :simple-github:](https://github.com/OpenVidu/openvidu-livekit-tutorials/tree/master/application-server/rust){ .md-button target=\_blank }
 
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -1,6 +1,6 @@
 site_name: LiveKit Tutorials
 site_url: https://livekit-tutorials.openvidu.io
-site_description: LiveKit Tutorials
+site_description: Discover comprehensive LiveKit tutorials for building real-time audio and video apps. Explore client and server guides for multiple platforms.
 repo_name: openvidu/openvidu-livekit-tutorials
 repo_url: https://github.com/openvidu/openvidu-livekit-tutorials
 
diff --git a/shared/application-client/angular.md b/shared/application-client/angular.md
@@ -1,4 +1,4 @@
-To run the client application tutorial, you need [Node](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your development computer.
+To run the client application tutorial, you need [Node.js](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your development computer.
 
 1. Navigate into the application client directory:
 
diff --git a/shared/application-client/electron.md b/shared/application-client/electron.md
@@ -1,4 +1,4 @@
-To run the client application tutorial, you need [Node](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your development computer.
+To run the client application tutorial, you need [Node.js](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your development computer.
 
 1. Navigate into the application client directory:
 
diff --git a/shared/application-client/ionic.md b/shared/application-client/ionic.md
@@ -1,4 +1,4 @@
-To run the client application tutorial, you need [Node](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your development computer.
+To run the client application tutorial, you need [Node.js](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your development computer.
 
 1.  Navigate into the application client directory:
 
diff --git a/shared/application-client/react.md b/shared/application-client/react.md
@@ -1,4 +1,4 @@
-To run the client application tutorial, you need [Node](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your development computer.
+To run the client application tutorial, you need [Node.js](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your development computer.
 
 1. Navigate into the application client directory:
 
diff --git a/shared/application-client/vue.md b/shared/application-client/vue.md
@@ -1,4 +1,4 @@
-To run the client application tutorial, you need [Node](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your development computer.
+To run the client application tutorial, you need [Node.js](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your development computer.
 
 1. Navigate into the application client directory:
 
diff --git a/shared/application-server/application-server-tabs.md b/shared/application-server/application-server-tabs.md
@@ -1,4 +1,4 @@
-=== ":simple-nodedotjs:{.icon .lg-icon .tab-icon} Node"
+=== ":simple-nodedotjs:{.icon .lg-icon .tab-icon} Node.js"
 
     --8<-- "shared/application-server/node.md"
 
diff --git a/shared/application-server/node.md b/shared/application-server/node.md
@@ -1,4 +1,4 @@
-To run this server application, you need [Node](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your device.
+To run this server application, you need [Node.js](https://nodejs.org/en/download/package-manager){:target="\_blank"} installed on your device.
 
 1. Navigate into the server directory
 ```bash
