tutorials.json

{
  "react": {
    "slug": "react",
    "title": "React",
    "tutorials": [
      {
        "slug": "getting-started",
        "title": "Getting started",
        "technology": "react",
        "pages": [
          {
            "slug": "welcome",
            "title": "Welcome to Liveblocks",
            "description": "Learn how to build realtime collaborative applications using React, Next.js, TypeScript, and Liveblocks. Liveblocks is a realtime collaboration infrastructure for building performant collaborative experiences."
          },
          {
            "slug": "connecting",
            "title": "Connecting to Liveblocks",
            "description": "Learn how to create a Liveblocks realtime client, and then connect to it with the JavaScript createClient function."
          },
          {
            "slug": "joining-a-room",
            "title": "Joining a room",
            "description": "Learn how to join a Liveblocks room in your React collaborative application, using the RoomProvider component."
          },
          {
            "slug": "others",
            "title": "Displaying others",
            "description": "Learn how to use Liveblocks others to display online presence in your collaborative React application with useOthers."
          },
          {
            "slug": "presence",
            "title": "Using presence",
            "description": "Learn how to set up and use the current user’s Liveblocks Presence values in your collaborative React application with useMyPresence."
          },
          {
            "slug": "updating-presence",
            "title": "Updating presence",
            "description": "Learn how to update the current user’s Liveblocks Presence values in your multiplayer React application with updateMyPresence."
          },
          {
            "slug": "live-cursors",
            "title": "Live cursors using presence",
            "description": "Learn how to build realtime cursors with Liveblocks Presence values in your collaborative React application with useOthers."
          },
          {
            "slug": "broadcasting-events",
            "title": "Broadcasting events",
            "description": "Learn how to broadcast realtime toast notification events using Liveblocks and useBroadcastEvent in your React application."
          },
          {
            "slug": "storage",
            "title": "Storage",
            "description": "Learn how to create realtime document storage in React with Liveblocks’ conflict-free data types and the useStorage hook."
          },
          {
            "slug": "modifying-storage-data",
            "title": "Modifying storage data",
            "description": "Learn how to modify realtime conflict-free data storage with the Liveblocks useMutation React hook."
          },
          {
            "slug": "nesting-data-types",
            "title": "Nesting data types",
            "description": "Learn how to nest Liveblocks realtime conflict-free data types within each other, enabling more complex React applications."
          },
          {
            "slug": "undo-redo",
            "title": "Undo and redo",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "history",
            "title": "Pausing history",
            "description": "",
            "comingSoon": true
          }
        ]
      },
      {
        "slug": "authenticating",
        "title": "Authenticating with Next.js",
        "technology": "nextjs",
        "pages": [
          {
            "slug": "secret-keys",
            "title": "Authenticating with a secret key",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "user-info",
            "title": "Adding user info",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "online-avatars",
            "title": "Online avatars with user info",
            "description": "Building online avatars with user info",
            "comingSoon": true
          },
          {
            "slug": "user-id",
            "title": "How user ID is used",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "mau-in-action",
            "title": "MAUs in action",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "Using-apis",
            "title": "Using Liveblocks APIs",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "create-client-callback",
            "title": "Custom authentication flow with a callback",
            "description": "",
            "comingSoon": true
          }
        ]
      },
      {
        "slug": "advanced-liveblocks",
        "title": "Advanced Liveblocks",
        "technology": "react",
        "pages": [
          {
            "slug": "react-suspense",
            "title": "Using React suspense",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "use-others-mapped",
            "title": "Mapping through others",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "use-others-performant",
            "title": "Improving performance with others connection ids",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "use-error-listener",
            "title": "Listening for errors",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "throttle-speed",
            "title": "Modifying throttle speed",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "react-nodejs",
            "title": "Using Liveblocks on Node.js",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "react-native",
            "title": "Using Liveblocks with React Native",
            "description": "",
            "comingSoon": true
          }
        ]
      },
      {
        "slug": "managing-rooms-and-permissions",
        "title": "Managing rooms and permissions",
        "technology": "react",
        "pages": [
          {
            "slug": "metadata",
            "title": "Attaching metadata to rooms",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "permissions",
            "title": "Permission types",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "default-accesses",
            "title": "Default access level",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "group-accesses",
            "title": "Group access level",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "user-accesses",
            "title": "User access level",
            "description": "",
            "comingSoon": true
          }
        ]
      },
      {
        "slug": "nextjs-starter-kit-guide",
        "title": "Using the Next.js Starter Kit",
        "technology": "nextjs",
        "pages": [
          {
            "slug": "installing",
            "title": "Installing & setting up",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "authentication",
            "title": "Adding authentication providers",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "customizing-the-collaborative-app",
            "title": "Customizing the collaborative app",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "adding-new-types",
            "title": "Adding new types",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "setting-up-a-database",
            "title": "Setting up a database",
            "description": "",
            "comingSoon": true
          },
          {
            "slug": "publishing-your-app",
            "title": "Publishing your app",
            "description": "",
            "comingSoon": true
          }
        ]
      }
    ]
  }
}